No video

Coder l'apparition d'un site ✔️

  Рет қаралды 8,433

École du Web

École du Web

Күн бұрын

🔥 Le code source : www.ecole-du-w...
Abonne-toi à la NewsLetter pour recevoir des tas d'infos sur le développement web :
mailchi.mp/94d...
Le lien du Discord : / discord
Tu veux apprendre les technologies du web ? C'est par ici :
www.ecole-du-w...
La boutique : helloworld-sto...
Je suis aussi sur la plateforme Tuto.com :
fr.tuto.com/fo...
Et sur Udemy :
www.udemy.com/...
Abonne-toi à ma chaîne :
/ @ecoleduweb
Suis-moi sur Twitter :
/ ledesignerduweb
Si tu veux que je fasse des vidéos sur certains sujets dis le moi!
-----------------------------------------------------------------------------------------

Пікірлер: 20
@EcoleduWeb
@EcoleduWeb 3 жыл бұрын
Wops j'ai oublié de vous parler du JS à la fin, donc je le fais ici. Ce qu'on code dans cette vidéo se lance au chargement du site, mais pour être bien sûr que nos animations se lancent au début sur tous les appareils, les types de connexion, les navigateurs etc, on peut rajouter une classe au body, HTML : - Cette classe bloque les animations CSS de tout le site, CSS : - .loading-anim { animation-play-state: paused !important; } Puis on enleve cette classe en JavaScript lorsqu'on est sûr que le site a bien fini de charger comme ceci, JS : - window.addEventListener("load", () => { document.body.classList.remove("loading-anim"); }); Et voilà !
@pacorabo2
@pacorabo2 3 жыл бұрын
Super, merci pour ton boulot ! De grande qualité. Et le petit détail du zoom lors du code améliore grandement la visibilité et le focus +1000 ! ;)
@EcoleduWeb
@EcoleduWeb 3 жыл бұрын
@@pacorabo2 Merci ! J'essaye de faire en sorte que ce soit un réflexe quand je tourne ✔️✔️
@hajernajar8147
@hajernajar8147 6 ай бұрын
merci
@louvre-astra
@louvre-astra Жыл бұрын
merci! c'est si simple quand tu le fais👍
@peluchekawaii7201
@peluchekawaii7201 3 жыл бұрын
Trop stylé les animations merci !!
@EcoleduWeb
@EcoleduWeb 3 жыл бұрын
✨✨
@hdgfhfgndfngb
@hdgfhfgndfngb Жыл бұрын
🎉
@alexandremeurgey
@alexandremeurgey Жыл бұрын
MERCI BEAUCOUP !!!!!!!!! 🤩🤩🤩
@cyriledouard9848
@cyriledouard9848 3 жыл бұрын
simple cool et efficace bravo
@EcoleduWeb
@EcoleduWeb 3 жыл бұрын
🔥🔥
@wilfred9580
@wilfred9580 3 жыл бұрын
Merci !
@abdel-samadebouderga4954
@abdel-samadebouderga4954 Жыл бұрын
super
@maximeluce
@maximeluce 3 жыл бұрын
Merci ! effet très sympa ! tu parlais de faire pareil en js au début de la vidéo ? tu as fait une autre vidéo là dessus ?
@EcoleduWeb
@EcoleduWeb 3 жыл бұрын
En effet merci du rappel, j'ai fait un commentaire épinglé pour l'expliquer, c'est juste au-dessus ;)
@maximeluce
@maximeluce 3 жыл бұрын
@@EcoleduWeb Merci beaucoup ;)
@cedricr.3550
@cedricr.3550 Жыл бұрын
Pour ma part, le animation-play-state: paused !important; ne fonctionne pas et l'animation se charge quand même... :/
@chemstarkhani3544
@chemstarkhani3544 2 жыл бұрын
Salut mec je pense que ça pourrait être plus facile pour toi si tu utilises gsap
@EcoleduWeb
@EcoleduWeb 2 жыл бұрын
Pour cette anim on peut faire sans, mais ne t'inquiète pas, je connais bien gsap :)
7 façons de transformer une chaîne en nombre.
4:47
École du Web
Рет қаралды 1,3 М.
Ce génie a révolutionné le web | Vercel - NextJS
16:51
Melvynx • Apprendre à coder
Рет қаралды 11 М.
Comfortable 🤣 #comedy #funny
00:34
Micky Makeover
Рет қаралды 17 МЛН
Prank vs Prank #shorts
00:28
Mr DegrEE
Рет қаралды 7 МЛН
My Cheetos🍕PIZZA #cooking #shorts
00:43
BANKII
Рет қаралды 26 МЛН
天使救了路飞!#天使#小丑#路飞#家庭
00:35
家庭搞笑日记
Рет қаралды 86 МЛН
Intersection Observer : Coder une Apparition au Scroll Performante
16:35
5 façons de bien utiliser "absolute" !
9:36
École du Web
Рет қаралды 8 М.
Création d'îcones Hamburger animées 🍔
13:16
École du Web
Рет қаралды 6 М.
Les erreurs de débutant en "responsive".
13:55
École du Web
Рет қаралды 44 М.
Top des librairies d'animations JavaScript !  🚀
11:00
École du Web
Рет қаралды 29 М.
How to Properly Layout A Website (For Beginners)
14:50
The Website Architect
Рет қаралды 571 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 941 М.
Les nouvelles propriétés de transformation en CSS
21:44
École du Web
Рет қаралды 3,7 М.
Flexbox : Cas pratiques d'utilisation. 📦
10:34
École du Web
Рет қаралды 17 М.
Coder une animation d'apparition de textes ✨
14:57
École du Web
Рет қаралды 24 М.
Comfortable 🤣 #comedy #funny
00:34
Micky Makeover
Рет қаралды 17 МЛН