La navigation horizontale est un moyen de plus pour différentier son site web. Très peu utilisé il y a quelques temps, ce type de navigation tend vraiment à ce développer aujourd’hui.
En général les sites à navigation horizontale sont des portfolios, avec un grand nombre de réalisations à présenter. Si ils sont bien fait, ils peuvent vraiment apporter un plus par rapport à une navigation verticale « classique ». L’interface et les images prennent la place disponible à l’écran et laissent les visiteurs s’imprégner de l’ambiance. Je vous laisse découvrir cette sélection de 16 sites dans la suite :
Sursly
Vanity Claire
Peter Pearson
Visuall
We shoot bottles
Artist in design
Vincent Dapp
Hasrimy
Carrot Creative
Lomotek
Zupadupa
Blue Vertigo
Work At Play
Faub
Barleboglehegarty
Section Seven
–
Ressources pour créer votre site en navigation horizontale :
Horinaja : un slide show compatible avec scriptaculous/prototype ou jQuery.
Tutoriel sur CSS Tricks : un explication détaillée du processus de création (en anglais).
Scroll To : un intéressant plug-in Jquery pour la navigation.
Que pensez-vous réellement de ces sites web ? Effet de mode ou véritable « révolution » dans la manière de naviguer ?
Ping : Tweets that mention 16 sites web à navigation horizontale » WebdesignerTrends – WebDesign useful ressources -- Topsy.com
P’tit coup de coeur pour le site de Vincent Dapp ;) J’connaissais pas ^^
Joli sélection, l’année aura était très florissante en terme de nav horizontale… JS inside ! ;)
Ping : Tendance du Webdesign : site web à une page » WebdesignerTrends – Ressources utiles pour le webdesign
La tendance des écrans est au 16/9 et les menus verticaux sont révolus, car ils ne laisse pas de place au general a la grande bannière en haut de page…et puis qu’on se le dise c’est pas toujours esthétique alors va donc pour un menu horizontal (avec un sous menu vertical )
Existe t’il des exemple réagissant au touchpad sur iPad et redimensionnant la page automatiquement suivant que l’on ajoute ou non le signet du navigateur ?
Bonjour,
Je souhaiterais réaliser ce type de site, j’ai le design, mais existe-t-il un tutoriel concernant la partie code ?
En vous remerciant
A+
Bonjour Gearminx !
Oui il existe des tutoriels comme sur CSS Tricks par exemple :
http://css-tricks.com/166-how-to-create-a-horizontally-scrolling-site
ou encore ici :
http://line25.com/articles/horizontally-scrolling-websites-showcase-and-tutorials
et là : http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html
ou encore là : http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/
Bonne chance à toi !