Introduction au Parallaxe
Objectifs
Les objectifs de cette vidéo sont de vous faire comprendre le principe du parallaxe et de vous fournir les bases nécessaires pour l'implémenter dans vos projets web.
Résumé
Le principe du parallaxe repose sur le scroll de la page pour déclencher des animations. Très populaire dans la création web, il permet d'ajouter de la dynamique aux pages.
Description
Dans cette leçon, nous allons explorer le principe du parallaxe, une technique largement utilisée dans la conception de sites web modernes. Le parallaxe se base principalement sur la valeur du scroll de la page pour piloter les scénarios d'animation. Les pages utilisent plusieurs valeurs de hauteur de fenêtre et déclenchent des animations en fonction de ces valeurs.
Lorsque l'utilisateur scrolle au-delà d'une certaine valeur, une animation peut être lancée, ou il peut naviguer d'un endroit à un autre de la page en animant le scroll lui-même. Cette mécani que permet de créer une expérience de navigation interactive et engageante.
Bien que nous n'allons pas vous fournir une page parallaxe clé en main dans cette leçon, nous vous expliquerons les bases essentielles, ainsi que les leviers couramment utilisés pour développer ce type de page.
Questions - réponses
Programme détaillé
Module 1 - Filtrage du navigateur
Module 2 - Créer une page avec parallaxe souris
Module 3 - Créer une page avec parallaxe au scroll
Module 4 - Piloter le scénario d'un Clip à la molette
Module 5 - Piloter le scénario d'un Clip au clavier
