Il se peut donc que les informations qu'il fournit ne soient plus totalement exactes.
Bienvenue dans NavNav
J’ai découvert ce matin un site qui devrait en ravir plus d’un, il s’agit de NavNav.
A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web.
Le site liste plus d’une centaine de style de menus en vous proposant à chaque fois une démo, et si possible un tutoriel et/ou le script qui vous permettra de le mettre en place sur votre site.
C’est à mon avis un excellent moyen d’adapter la navigation au projet sur lequel vous travaillez.
- Si beaucoup d’éléments -> alors menu à plusieurs niveaux.
- Si peu d’éléments -> alors menu simple, mais au concept original ?
Ce site peut être utilisé pour l’inspiration, pour débattre avec votre graphiste de l’ergonomie, avec votre client de ce qu’il souhaite, etc. C’est donc une ressource qui risque de devenir incontournable, mais qui pourra a coup sûr enrichir vos propositions et vos projets.
A noter que le menu de NavNav – situé en haut à droite – vous permettra de trier les menus par types :
- Fullscreen Overlay
- Dropdown
- Off-Canvas
- Scroll
Ma sélection
Mega Dropdown : A responsive and easy to customise mega-dropdown component.
Secondary Fixed Navigation : A secondary navigation intended for users who want a quick overview of the page content, and be able to easily move from one section of the page to the other.
Responsive Multi-Level Menu : A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
Responsive Retina-Ready Menu : A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.
Fullscreen Menu | Type #1 : A PEN BY Paul van Oijen
Square Menu by Pete R.
Gooey Menu Using CSS and SVG Filters By Lucas Bebber
