Effet Parallax
Get flash to fully experience Pearltrees
Bientôt deux ans que les effets de parallaxe font partie du quotidien sur le web. Si vous n’avez pas encore sauté le pas, c’est le moment de vous y mettre ! Petite piqure de rappel sur la parallaxe avec cet article « 11 sites avec effet de parallaxe » mis en ligne début 2011. L’effet ne date pas d’hier, utilisé sur le web à l’époque notamment avec Flash, la parallaxe donne de la profondeur et du relief aux interfaces plates et habituelles. Le déplacement de plusieurs éléments au scroll sur des couches et à des vitesses différentes donne cet effet de profondeur. L’ancien site Nike Better World avait remis l’effet au goût du jour en utilisant un subtil mélange de Javascript et d’images PNG transparentes .
La boite à outils
La mode du "Parallax Scrolling Vertical" ?
Connaissez-vous le parallax scrolling ? Si vous n’avez pas eu la chance de posséder une console 8-bits alors il y a peu de chances pour que vous connaissiez cette technique graphique permettant de donner une illusion de profondeur de champ (mais il n’est pas trop tard, car il vous reste encore quelques jours pour aller à l’expo Game Story ). Pourquoi parler du parallax scrolling ? Par ce que j’ai comme l’impression que cette technique est remise au gout du jour sur un certain nombre de mini-sites : Parallax Scrolling Inspiration .
Certains sites affichent une (grande) image de fond qui s'adapte à toutes les dimensions de la fenêtre du navigateur, proportionnellement, sans la déformer . La réalisation de ce genre de prouesse n'est pas si évidente techniquement, contrairement à ce que l'on pourrait croire de prime abord. Comment fait-on ?
Un arrière-plan extensible intelligent
L'effet parallaxe ou l'illusion 3D | Maxime Rabot - Développeur & Designer Front-End - spécialiste Drupal
« La parallaxe est l’incidence du changement de position de l’observateur sur l’observation d’un objet. En d'autres termes, la parallaxe est l'impact (ou l'effet) de changement de position de l'observateur sur un objet observé. » ( source Wikipédia ) Le scroll parallaxe (Parallax Scrolling en anglais) est une nouvelle façon assez intéressante pour plonger vos utilisateurs dans un environnement faussement 3D ;). Cet effet consiste à déplacer plusieurs éléments à des vitesses différentes donnant une impression de profondeur.
( function (jQuery) { function stripFiletype(ref) { var x=ref.replace( '.html' , '' ); return x.replace( '#' , '' );
Effet de parallaxe sur son site – jParallax | WebDesignWeb
CSS3 – Effet parallaxe (sans JavaScript) - CSS / CSS3 | CreativeJuiz
Cet article a 370 jours . Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 23 369 fois.