background preloader

Parallaxe

Facebook Twitter

La boite à outils de la parallaxe. Bientôt deux ans que les effets de parallaxe font parti 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. Cet effet de profondeur est obtenu au déplacement de plusieurs éléments sur différents plans et à des vitesses différentes. 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. Il s’agit simplement d’une bonne innovation construite sur une base de site one-page. Peut-on imaginer voir cette tendance se développer même avec l’ampleur que prend le responsive design ?

Voici l’intérêt de cet article, qui est en quelque sorte une boite à outils et à utiles. Lois Jeans Mario Kart Wii. 11 sites avec effet de paralaxe vertical. Depuis l’arrivée du site Nike Better World, les sites utilisant un effet de parallaxe vertical ont explosé ses derniers mois. Tendance du webdesign ou non, un petit tour d’horizon s’impose. D’où vient cet engouement ?

Simplement, je dirai que le principe est original et donne une bonne profondeur au design. L’effet de parallaxe vertical peut-être considéré comme une évolution d’un one-page webdesign avec scroll vertical simple. Nike Better World s’impose clairement comme une référence, avec une réalisation impeccable et innovante. Coca Cola Daft Coke Bonne réalisation Coca Cola qui propose un petit historique des bouteilles design. Chemical Romance The Chrisbox Les superbes photos utilisées donnent toute la force au site. Unfold Yebocreative David Beckham Resolutionim Manufacturedessai Campaign Monitor Arrivé très tôt après la mise en ligne de Nike BW, le mini-site de Campaign Monitor comporte quelques problèmes de lenteurs et d’affichage… L’agentehadichosi Wesc Footwear Trop vu, trop copié ? Manufacture d'Essai. Knippen, kleuren, wassen, stylen. Christmas & New Year's Hotel Deals | NH Hotels.

Wildlife.la - Let's get Wild. Glass Class - Uncommon knowledge about an extraordinary material. 10 Year Anniversary | Energy Trust of Oregon. Michigan Web Design Company | Rex Studio. Emergency. Van Houtte - Votre Maintenant.