Le « parallax lors du défilement de la page » – traduction littérale de Parallax Scrolling – est une technique de webdesign qui consiste à faire défiler l’arrière plan d’une div à une vitesse différente de son contenu.
Mais si, vous savez ce que c’est : regardez l’effet sur l’arrière de votre profile twitter, et vous aurez une bonne idée de ce qu’est l’effet parallaxe.
En gros, ça donne quelque chose comme ça .
Oui … c’est, avec le flat design, l’une des techniques les plus utilisées actuellement en matière de webdesign . C’est d’ailleurs la raison pour laquelle plusieurs plugins et tutoriaux sont consacrés à la création d’un effet parallaxe.
La plus simple – donc ma favorite – est le code ci dessous : il est basé sur le tutoriel « A Simple Parallax Scrolling Technique » dont j’ai modifié un peu le script (afin d’assigner $(window) à une variable, et d’utiliser des div en lieu et place des sections ) .Vous pourrez vous en servir pour reproduire l’effet parallaxe sur votre site web.
Vous pouvez également consulter (ou modifier) le code et son résultat sur l’espace codepen dédié à cet effet.
Jean-Luc Houédanou est un blogueur spécialisé dans l’innovation et la transformation numérique, avec une expérience en développement web front-end. Après avoir obtenu un Master en gestion du commerce électronique de l’Université de Sherbrooke, il a travaillé sur des projets d’envergure mondiale pour diverses entreprises, startups et organisations internationales. Il est également impliqué dans des projets communautaires et technologiques en Afrique.
Il aide, par le biais de ce blog, les lecteurs à s’adapter aux évolutions rapides de la technologie et des tendances du marché.
En plus de ses articles sur l’innovation et la transformation numérique, Jean-Luc Houédanou écrit également des colonnes d’opinion et donne des conseils sur le bien-être mental. Son objectif est d’aider les lecteurs à se développer personnellement et professionnellement, en leur fournissant des conseils pratiques pour gérer le stress et améliorer leur qualité de vie.
