Тёмный

Tuto CSS | Bien comprendre ::before et ::after 

front-end
Подписаться 14 тыс.
Просмотров 12 тыс.
50% 1

Опубликовано:

 

27 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@baroudi.13
@baroudi.13 5 месяцев назад
vrm merci j'y comprenais vrm rien 🙏🙏
@tutos-front-end
@tutos-front-end 4 месяца назад
De rien 😊
@fjmakita
@fjmakita 9 месяцев назад
Pour la qualité de vos explications vous publiez trop peu de vidéos. Je deviendrais un expert frontend plus vite si vous partagez plus sur le CSS et JavaScript. Content d'avoir découvert votre chaine. Bon courage !
@tutos-front-end
@tutos-front-end 9 месяцев назад
Aaaah merci pour ce compliment. J'aimerais également produire plus mais malheureusement je ne vie pas (encore) de youtube :/ Cela dit au vue des retours que j'ai, je travail sur un moyen pour l'être 😉(2024 peut être ^^)
@Flo-earth
@Flo-earth 11 месяцев назад
excellent l'astuce du counter-increment, je connaissais pas
@tutos-front-end
@tutos-front-end 11 месяцев назад
Merci, j'aime bien glissé quelques ptites fonctions méconnus dans mes tutos, content que ça te plaise 😉
@DanielDarreau
@DanielDarreau 2 месяца назад
Personnellement j'ai du mal a manipuler before et after mais là tes explications vont bien m'aider et je t'en remercie.
@tutos-front-end
@tutos-front-end 2 месяца назад
J'ai eu du mal la première fois avec ::before et ::after, je n'avais pas bien compris l'utilité, maintenant j'ai du mal à m'en passer 😅
@daviddc1305
@daviddc1305 Год назад
Merci, ton tuto est super intéressant et met bien en valeur ces pseudos-éléments. J'ai mieux compris leur fonctionnement.
@tutos-front-end
@tutos-front-end Год назад
Ravi d'avoir pu t'aider 😉 Merci pour ton retour ca fait plaisir 🙂
@cd-mar
@cd-mar Год назад
Wahou, c'est quoi ce "counter" css !!?? C'est méga top, merci pour toutes les explications.
@tutos-front-end
@tutos-front-end Год назад
Merci 🙂 en effet c'est pratique et je le vois rarement expliqué alors j'en ai profité dans cette vidéo. J'aime bien glissé des ptites astuces méconnues de temps en temps dans mes vidéos alors content que ça t'ai plu ^^
@cd-mar
@cd-mar Год назад
@@tutos-front-end oui, c'est top les petits tips comme ça . 👍
@HushCode
@HushCode 7 месяцев назад
Oui, dans la vidéo tu parles de JavaScript, ce n'est pas du tout du JavaScript mais une fonction de CSS3 non ?
@charlesenglebert8226
@charlesenglebert8226 10 месяцев назад
top
@tutos-front-end
@tutos-front-end 10 месяцев назад
left
@frantzcaliste6942
@frantzcaliste6942 4 месяца назад
Merci infiniment pour ce tuto. J'ai enfin intégré cette notion.
@tutos-front-end
@tutos-front-end 3 месяца назад
Avec plaisir 🙂
@DaCrone
@DaCrone Год назад
Vraiment super clair ! J'adore tes vidéos !
@tutos-front-end
@tutos-front-end Год назад
Oh merci Erwan ca fait plaisir ! 🙂 Mais c'est pas toi qui voulait plutôt des tutos Blender ? ^^
@DaCrone
@DaCrone Год назад
@@tutos-front-end si si, en ce moment, je m'y remets d'ailleurs doucement. J'ai vu qu'il y avait encore des nouvelles versions ^^'
@tutos-front-end
@tutos-front-end Год назад
@@DaCrone Oui clairement Blender est vraiment passé dans la cours des grands
@tojorarivoson8589
@tojorarivoson8589 Год назад
alors la, c'est bien plus claire, gg et merci pour le tuto :)
@tutos-front-end
@tutos-front-end Год назад
Merci à toi 😊
@SavoirPourTous
@SavoirPourTous Год назад
Merci pour la vidéo, sympa l'histoire du compteur, je ne connaissais pas, cela évite d'utiliser du JavaScript, par exemple afin de créer un compteur,
@tutos-front-end
@tutos-front-end Год назад
Merci 🙂 J'essais en effet de glisser des petites astuces peu connu dans mes vidéos quand je le peux 😉
@Jess-gj2wf
@Jess-gj2wf 4 месяца назад
Merci beaucoup pour ce tuto, ton explication était très clair !
@tutos-front-end
@tutos-front-end 3 месяца назад
Merci à toi 😊
@chakabani123taftouf7
@chakabani123taftouf7 8 месяцев назад
very good, continue...
@tutos-front-end
@tutos-front-end 8 месяцев назад
Merci pour les encouragements 😉
@honkhonkv2236
@honkhonkv2236 8 месяцев назад
Très clair merci pour ce refresh !
@tutos-front-end
@tutos-front-end 8 месяцев назад
Merci à toi 😉
@vincent0231
@vincent0231 Год назад
Merci pour la vidéo. Je te suis depuis les tutos arduino. Content de voir que tu es de retour ! Ps : tu utilises quel logiciel pour le codage ?
@tutos-front-end
@tutos-front-end Год назад
Salut Vincent. Ca fait plaisir ton commentaire, MERCI ! Ca va les vidéos HTML/CSS et JS t'intéresse aussi ? C'est assez différent d'Arduino, je pense que je vais perdre une ptite partie de ma commu :/ Sinon pour coder j'utilise VS Code :)
@shadeez9762
@shadeez9762 Год назад
Super intéressant ca m'aide à mieux comprendre ces méthodes que j'utilise jamais mais je trouve perso les 2 exemples vont un peu à l'encontre de ce que tu dis à 6:40, dans le premier tu définis un élément (img) en css (alors que le html sert à définir les éléments) et dans le 2ieme tu utilises le css pour de la logique (chose qui devrait etre du js) donc ca peut aussi faire rager a chercher dans les mauvais fichiers :P
@tutos-front-end
@tutos-front-end Год назад
Merci pour ton retour. Pour le fait que l'icone soit défini dans le CSS et non le HTML c'est normal et ca devrait être fait comme ça. La question c'est : est ce que ca fait partie de mon design général de site ou est ce que c'est du contenu à part entière ? Si c'est du contenu comme des photos pour un blog on mettra des balises img etc. Si ca fait partie du Design, et là c'est le cas, je veux que toute mes astuces est cette icone, dans ce cas j'irais mettre ça dans le CSS. Le mettre dans le HTML pourrait rendre les choses beaucoup moins maintenable de manière général, après tout dépend des technos utilisées ;) Par contre pour la remarque sur la logique avec le JS là je suis d'accord, cela dit je voulais pas intégrer du js ou autre langage dans mon exemple et j'aime montrer des ptits trucs méconnu dans mes vidéos quand je le peux ^^. Ca donne de la plus value disons ^^, dans un cadre plus pro je suis d'accord avec toi ;)
@shadeez9762
@shadeez9762 Год назад
@@tutos-front-end Merci pour cette réponse, oui je faisais un peu le pointilleux mais en vérité tu m'as appris des choses comme à chaque fois :P C'est super pro tes vidéo courtes qui ne nécessite pas de dépendance pour être suivie
@nuside4115
@nuside4115 Год назад
Merci super travail !! Par contre j'ai du mal à comprendre le counter , c'est une variable en css??? une video pour bien expliquer ces notions ça serait cool svp 😅
@tutos-front-end
@tutos-front-end Год назад
Merci ton commentaire fait plaisir 🙂 Le counter est juste une fonction CSS comme min / max / calc / etc. Et on s'en sert pour compter combien de fois il y a un même élément dans la page par exemple. Peut être que je ferais un autre exemple dans un Short dans ce cas 😉
@nuside4115
@nuside4115 Год назад
@@tutos-front-end ok!!! Merci beaucoup 👍👍👍
@dufresneali
@dufresneali Год назад
Bon j'arrête de regarder tes vidéos pour aujourd'hui. Je vais pratiquer un peux. Conteur-élément je ne connaissais pas c'est vieux ?? Encore merci.
@tutos-front-end
@tutos-front-end Год назад
Merci à toi 🙂 Et oui il me semble que cette propriété est assez ancienne mais je t'avoue que je l'ai découvert il n'y a pas si longtemps 😅
@loukasbass
@loukasbass Год назад
Continue comme ça, ton tutoriel sur ::before et ::after m'a aidé à mieux comprendre leur fonctionnement.
@tutos-front-end
@tutos-front-end Год назад
Ah c'est gentil. Merci de m'envoyer de la force 🙂 Je vais continuer ne t'inquiète pas. La prochaine vidéo sera à nouveau sur du CSS 😉
@afrikanonyma
@afrikanonyma Год назад
Super ! Peux-tu aussi faire une vidéo sur les n-child ? Ainsi que des elements tel que ::focus ou :has etc...
@tutos-front-end
@tutos-front-end Год назад
Oui j'en ferais sans doute 😉
@yag7769
@yag7769 Год назад
Incroyable la méthode 'counter-increment' très propre !
@tutos-front-end
@tutos-front-end Год назад
Pratique en effet 🙂
@HushCode
@HushCode 7 месяцев назад
Par contre je ne suis pas sûr que cela soit top pour le référencement dans Google...
@mrlafoste68
@mrlafoste68 Год назад
tres bon tuto ! merci
@tutos-front-end
@tutos-front-end Год назад
Avec plaisir 😊
Далее
Tuto CSS | Les bases de l'animations + bonus
14:52
Просмотров 24 тыс.
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 480 тыс.
Как он понял?
00:13
Просмотров 129 тыс.
Three fun uses for  ::before and ::after
12:04
Просмотров 127 тыс.
Comprendre ::before et ::after en css
14:10
Просмотров 4,3 тыс.
Learn Flexbox CSS in 8 minutes
8:16
Просмотров 1,6 млн