Quelques menus utilisant les transitions CSS3 pour obtenir des effets assez bluffants ! J'aime particulièrement le n°3 !
Le menu déroulant présenté dans ce tutoriel dans un souci d'accessibilité : les contrastes sont suffisants, il est possible d'agrandir les polices sans "casser" le design, la navigation est possible au clavier via la touche tab et lorsque JavaScript n'est pas activé le menu prend sa forme dépliée.
Ces trois approches de menus affichés au clic règlent tous les problèmes posés par les menus affichés au survol. Ils sont tellement plus rapides et faciles à utiliser que les menus à survol qu’on se demande pourquoi plus de sites ne les utilisent pas. Ils sont aussi plus faciles à comprendre pour les utilisateurs car ils s’ouvrent par clic, lorsque les utilisateurs le souhaitent alors que les menus affichés au survol s’ouvrent parfois sans que les utilisateurs ne le souhaitent ou ne s’y attendent. Les bénéfices de l’utilisation d’un menu affiché au clic sont clairs. Un menu permettant aux utilisateurs de naviguer rapidement et facilement est meilleur qu’un menu apparemment sympathique qui empêche les utilisateurs de naviguer convenablement.
Un menu déroulant tout en CSS et accessible au clavier...
Comment centrer un menu fait en CSS avec une liste non ordonnée.
Un FreeWare (à usage personnel) pour retrouver les menus standard d'Office à la place du "Ruban".
Un outil pour se fabriquer des menus : couleurs, forme, xHTML et CSS générés par l'outil.
Un joli menu qui n'apparait qu'au survol de la sourie dans une zone de l'écran.
IzzyMenu est une application en ligne qui vous aidera à créer vos barres de menus CSS avec un look professionnel. Vous pouvez créer des menus simples ou avec sous menus déroulants, le tout sans écrire la moindre ligne de code.
Un menu déroulant jquery accessible au clavier !
Intéressant car montre comment mal faire puis comment bien faire.
Un autre menu déroulant accessible au clavier.
Est capable d'afficher le menu par dessus des champs de formulaire dans IE !
Serait particulièrement utile pour les Gadgets de SPIP !