• A la une
  • Catégories
  • Dossiers
  • Rédacteurs
  • +

Tendance Web : Le scroll au service du webdesign

par Vincent Ginetle 24/11/2011

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

Game Trends - Driver Club - Driver San Francisco

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

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte

8Commentaires

  • Avatar_thumb
    Mael DE COSTER

    le 24/11/2011 | #1

    J'aime bien cette nouvelle mode, je trouve ces sites agréables et originaux. Cependant, en tant que développeur indépendant, on me demande à 99% du temps de prioriser le référencement naturel. Ce qui est normal selon moi. Malheureusement avec ce type de site, les moteurs de recherche ont généralement qu'une seule page à référencer. C'est dommage.
    En plus de ça, ces sites sont ils "accessibles"? Et la notion de responsive design n'est elle pas complètement passée à la trappe?
    Enfin ... J'aime bien quand même :)

  • Avatar_thumb
    Seb Barraud

    le 24/11/2011 | #2

    Parfait pour tester la roue libre de ma G500 ! Merci ^^

  • Avatar_thumb
    Uxlco

    le 24/11/2011 | #3

    En access' on proscrit la présence d'un scroll horizontal si celle-ci rend la lecture des textes difficiles, en tronquant ceux-ci.

  • Avatar_thumb
    Graphiste

    le 25/11/2011 | #4

    J'aime beaucoup les one page sites, et particulièrement Mark Lawrence Design.

  • Avatar_thumb
    David

    le 25/11/2011 | #5

    Merci pour cette sélection. Le site de Smart rame trop; ce qui est dommage parce que l'expérience utilisateur est bien faite.
    Sinon, le coup de coeur va pour Mario Kart. Ça donne envie d'apprendre JS tout ça. ^^

    Sinon, @Mael: On remarque que ces sites sont souvent des sites promotionnels qui se concentre uniquement sur un seul produit. Ces sites là sont souvent en flash, je remarque c'est en train de changer.

  • Avatar_thumb
    Stratis Bakas

    le 25/11/2011 | #6

    Très bonne sélection

  • Avatar_thumb
    voynich

    le 25/02/2012 | #7

    Magnifiques sites !! ça frustrent surement certains qui, comme moi ne pourront jamais faire des trucs pareils ! :s et dire que je voulais commencer a apprendre Dreamweaver, bin ces sites me découragent ! car c'est pas avec un logiciel qu'on pourra faire tout ça :s

  • Avatar_thumb
    lisa

    le 22/03/2013 | #8

    je tiens à vous féliciter pour le travail formidable que vous effectuer à travers ce blog.

Ecrire un commentaire

captcha

Ouvrir