Wildlife.la - Let's get Wild 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é ?
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. 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. 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. 1 – Pour commencer, quelques exemples : Les sélections de sites utilisant de la parallaxe sont fréquentes sur les blogs design. Lois Jeans Mario Kart Wii Iutopi Dentsunetwork Activated Drinks Von Dutch Kryptis 2 – Tutoriels et ressources