background preloader

Parallax

Facebook Twitter

17 eye-popping examples of parallax scrolling websites | Web design. Today's advanced web technologies make it possible to create remarkable effects in the browser. While these effects can be gimmicky, when employed in the right way they can result in a distinctive and memorable website. One fairly recent web design trend is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. It can sometimes be overwhelming, but when used sparingly it can provide a nice, subtle element of depth. You'll find more advice in our pro tips for building parallax websites post. But to show how it should be done, we've collected together sites that employ the technique to good effect. The 41 greatest free web fonts 01. A-dam designs original boxer briefs and shorts for men with character, using GOTS-certified organic cotton and hand-made by people with fair wages and normal working hours. 02. 03.

Choose a website builder: 16 top tools 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 25 sites utilisant un effet de parallaxe original - web-design-inspiration. Aujourd'hui le Blog du Webdesign s'intéresse à la nouvelle tendance de plus en plus présente dans le web design, découvrez l'effet parallaxe avec notre sélection de sites web originaux. Pour commencer intéressons nous à sa définition. Qu'est ce qu'un effet de parallaxe ? 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 L'effet de parallaxe dans la conception web est la technique qui permet de faire déplacer des images disposées sous différentes couches.

Nous vous proposons de découvrir 25 exemples de sites Web originaux qui utilisent l'effet de parallaxe pour vous inspirer et ainsi proposer une expérience interactive à vos utilisateurs. Dezup ( Projet du Blog Du Webdesign ^^ ) Chemicalromance Iutopi The Chase Digital hands Bikingboss Raffaelstueken Coca-cola Egopop.net Demodern Ap-o. Parallax - Ressources gratuites - tendance webdesign 2014. Vous voulez mettre des effets parallax sur votre site web?

Voici une liste des meilleures ressources gratuites que vous pouvez utiliser: Tutos, framework,plugins, webdesign, sliders ! Comme vous le savez, cela fait quelques mois que le terme “parallax” a fait son apparition. Le terme Parallax s’applique lorsque divers éléments du site (background, contenu, etc.) bougent avec une vitesse différente, créant ainsi un effet de profondeur ou de décalage. Comme expliqué dans cet article sur les tendances en webdesign en 2014 (et sur plein d’autres sites spécialisés), le parallax design est une des tendances fortes pour le web en ce moment. Ci dessous vous trouverez une sélection de ressources (frameworks, plugin Jquery, exemples de site et tuto) pour mettre en place un webdesign parallax. Cool Kitten Parallax scrolling Framework J-Invert-Scroll framework Parallax multidirectionnel Slider full page parallax vertical Slider parallax 100% CSS3 – Images Slider parallax – Tout type de contenu.

Parallax - Ressources gratuites - tendance webdesign 2014. 50 super plugins jQuery récents pour rendre votre site ergonomique et attrayant. Cela fait quelques années que le Javascript et notamment jQuery – qui simplifie et norme son utilisation – continuent d’être de plus en plus utilisés. Aujourd’hui cette technologie est toujours plus facile à exploiter grâce à l’installation de plugins, c’est-à-dire de petits modules de code.

Il n’a jamais été aussi facile qu’aujourd’hui de rendre un site ergonomique, originale et attractif ! Ces 50 plugins sélectionnés avec soin parmi les milliers existants vous permettront de transformer n’importe quel site fade en site riche, intuitif, interactif et ergonomique, y compris sur mobile. Leur mise en place est en général très simple. Selon le plugin et ses capacités son utilisation et les réglages varient de très faciles à plus avancé pour les connaisseurs.

Cette liste étant limitée à 50 plugins, vous êtes invités à partager en commentaire ceux qui vous semblent indispensable à cette liste et qui n’y figure pas. Plugins pour réaliser des sites avec effets de scroll et/ou de la parallax via.