Tendance Web : Le scroll au service du webdesign

Publié le

Vous souhaitez mettre votre solution en avant en haut de cet article ? Contactez-nous



Une nouvelle tendance a émergée ces derniers mois et apparaît de plus en plus dans les web design. Découvrez donc la notion de « scroll » comme vous ne l’avez jamais vu !

Vous avez surement déjà croisé un de ces sites ces récemment, ils sont passés sur de nombreux blogs et galeries CSS pour leur originalité et leur principe d’un scroll interactif.

Le scroll, élément d’interaction et de navigation

Les scrolls on toujours existés sur le web, depuis toujours son utilisation permet de faire défiler le contenu de nos sites web. Or, aujourd’hui avec l’arrivée du HTML5, CSS3 et JavaScript de plus en plus performant, le scroll permet de créer une multitude d’interactions qui jouent avec le contenu et la navigation des pages.

Une large gamme d’interactions

L’interaction passe par divers événements sur le web design qui peuvent être : l’apparition de contenu, la construction d’un décor ou encore le défilement du parcours utilisateur. Libre à vous d’imaginer de nouvelles interactions simples et originales pour vos web design.  

13 web design autour de la tendance du scroll

Pour illustrer cette nouvelle tendance, nous avons sélectionné pour vous une série de 13 web design qui montre parfaitement les possibilités qu’offre l’utilisation du scroll.

Si vous avez d’autres exemples en tête, n’hésitez pas à nous les partager en laissant un commentaire.

Eco-friendly smart USA

smart usa web site

Beercamp 2011

SF Dok – 360° Langstrasse Zürich

driver-club

Mario Kart Wii Experience

nintendo mario kart wii

Volkswagen Beetle

beetle.de

MediaParker

Slavery Footprint – Made In A Free World

slavery footprint

Thismanslife: New Start – A playful experiment in parallax scrolling

Mark Lawrence Design

mark lawrence design

The Art of FLIGHT

Nizoapp

http://nizoapp.com/

We run mexico

we run mexico

By Vincent

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *