Mise en page de site avec CSS Grid, Flexbox et autres techniques modernes

Résumé

“Une ressource très intéressante en conception Web est de synchroniser les animations avec le scroll, et dans ce cas nous allons étudier une bibliothèque JavaScript qui nous permet de le faire de manière simple, en s'appuyant sur des variables CSS. ”

Dans cette leçon, Javier Usobiaga Ferrer aborde le sujet : Faire défiler les animations synchronisées, qui fait partie du cours Domestika en ligne : Mise en page de site avec CSS Grid, Flexbox et autres techniques modernes. Découvrez les nouvelles grilles et d’autres moyens de concevoir un site avec CSS Shapes, les variables et effets parallax.

Transcription partielle de la vidéo

“Dans cette leçon, nous allons synchroniser les animations de notre page avec le "scroll", en utilisant une bibliothèque JavaScript et en s'appuyant sur des variables CSS. Cette fois, nous allons utiliser la bibliothèque Basic Scroll ce qui est très intéressant car il synchronise le "scroll" avec des variables CSS. Donc, comme nous pouvons le voir dans cet exemple, lorsque vous «scrollez» certaines animations ou effets se produisent, le tout présenté de manière très simple sur notre page. Si nous allons sur la page GitHub et téléchargeons le zip, nous pouvons utiliser la bibliothèque. La doc...”

Cette transcription a été générée automatiquement et peut contenir des erreurs.

Sommaire du cours : Mise en page de site avec CSS Grid, Flexbox et autres techniques modernes

• Niveau : Avancé
• 99% avis positifs (292)
• 8901 élèves
• 6 unités
• 25 leçons (2 h 16 min)
• 14 vidéos téléchargées

• Catégorie

  Création de sites et d'applications, Design

• Domaines

  Conception de produits numériques, CSS, Développement web, HTML, Programmation, Webdesign