Dynamic tabs using jQuery est un tutoriel qui montre comment utiliser jQuery pour créer un menu à onglets permettant d’ajouter ou de supprimer des onglets de manière dynamique. La démonstration semble à l’épreuve des balles et adaptée à toutes les situations. Cerise sur le gâteau, l’auteur prend le temps de décomposer son projet pas à pas et pour en expliquer les tenants et les aboutissements. Via taggle.org
DOMTab — Ce script non-intrusif transforme une liste de liens en un système de menu à onglets (plusieurs menus sur une même page possibles). Parmi les plus : la possibilité de faire un lien vers un onglet et la mise en place de liens suivant et précédent pour accéder aux onglets (y compris avec une image). Voir mon comparatif entre DOMTab et idTabs pour en savoir plus.
ul2finder — Listes dynamiques complexes pour réaliser un menu avec un comportement similaire au Finder de Mac OS X : un clic sur un élément affiche une colonne à côté pour le sous-menu, et ainsi de suite. Par le génial et prolifique Chris Heilmann !
L’élément select, comme la plupart des éléments de formulaires, sont difficilement personnalisables, surtout si l’on espère une relative homogénéité de rendu entre les navigateurs. jQuery UI Selectmenu fournit une alternative pour personnaliser et configurer ces satanées balises select. Vous pourrez adapter le comportement et l’apparence pour maximiser l’expérience utilisateur, tout en respectant une logique d’enrichissement progressif compatible avec les spécifications ARIA.
jQuery-Accessible-RIA est une Collection de plugins pour jQuery repensés pour être conformes aux normes régissant l’accessibilité sur le web (WAI) : WCAG 2.0 et ARIA. Initialement développé pour améliorer les bonnes pratiques de développement front-end chez Namics, le pack se concentre sur les besoins récurrents en webdesign : lightbox, validation de formulaires et menus à onglets accessibles sont prêts à l’emploi. Via Web CSS Design.
styledmenus propose une trentaine de menus de navigation compatibles avec les navigateurs IE6, IE7, Firefox, Opera, Safari, Chrome et conformes aux recommandations du W3C.
Le téléchargement de ces menus est gratuit ; toutefois, vous pouvez acheter les fichiers originaux au format *.psd* si vous voulez personnaliser davantage vos menus selon votre charte graphique.
Merci Thierry 😉
L’excellent guide sur les différentes systèmes de navigation Donne-moi ce que je veux ! » est désormais accessible gratuitement en ligne. Découvrez 60 modèles de navigation commentés des bonnes pratiques d’ergonomie, de référencement et d’accessibilité.
Via le blog Alsacréations.
Menu à onglets avec Javascript et CSS fait partie des articles les plus lus de ce *blogzine*. Mais la solution présentée n’est pas un modèle d’accessibilité car elle ne fonctionne plus correctement si Javascript est désactivé. Dans ce cas, le menu reste bloqué sur le premier onglet actif. Bien que certains trouvent qu’il s’agit d’une fonctionnalité et non d’un défaut, je préconise deux scripts bien plus accessibles et efficaces : idTabs de Sean Catchpole et domtab de Chris Heilmann. →
Sean Catchpole, le créateur du plugin idTabs pour jQuery nous propose nanotabs un nouveau script minimaliste pour gérer des menus à onglets (mais pas seulement).
*Nanotabs* peut faire tout ce que faisait *idTab*s avec même quelques options supplémentaires, le tout sans utiliser le *framework jQuery* !
Tutoriel vidéo consacré à la réalisation d’un menu accordéon en Javascript en utilisant la librairie jQuery. Menu Accordeon Javascript. Envoyé par JojoRatonLaveur
