CATALOGUE Code & Data Formation Animate CC Maîtriser Adobe Animate CC 2017 - Ateliers parallaxe

Comprendre le Principe du Parallaxe sur le Web

Retour à la formation
Chapitre 3 Leçon 1
Précédent
Suivant

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.

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML, CSS et JavaScript.

Métiers concernés

Le parallaxe est particulièrement utile pour les métiers de développeur front-end, designer UX/UI, et intégrateur web.

Alternatives et ressources

Comme alternatives, vous pouvez explorer d'autres techniques d'animation web telles que les animations CSS ou l'utilisation de bibliothèques JavaScript comme GSAP.

Questions & Réponses

Le parallaxe est une technique d'animation qui repose sur le scroll de la page pour déclencher des animations, créant une profondeur visuelle et une expérience interactive.
Le parallaxe utilise la valeur de scroll pour piloter les scénarios d'animation. Lorsqu'une certaine valeur de scroll est atteinte, des animations sont déclenchées pour déplacer ou animer des éléments de la page.
Pour implémenter des animations parallaxe, il est recommandé d'avoir des connaissances en HTML, CSS, et JavaScript, ainsi que d'être familiarisé avec des techniques d'animation web.