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 ?
[...] This post was mentioned on Twitter by Webdesigner Trends, Webdesigner Trends. Webdesigner Trends said: 26 Horizontal Scrolling Websites : http://bit.ly/2lxsYo [...]
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 ! ;)
[...] horizontale font également parti de cette tendance; rappelez-vous mon article à ce sujet : 16 sites à navigation horizontale Articles en relation :10 tutoriels pour créer un design de site sous PhotoshopLes influents : Site [...]
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 )