nanotabs — Cette version allégée du plugin jQuery idTabs est un script autonome (sans jQuery ou autre framework Javascript) qui permet de faire des menus à onglets à partir de simples listes pour le poids dérisoire de 2 KB, ce qui ne devrait pas gréver les performances d’affichage de votre site ou de votre blog. Lire le reste de cet article »
01/06/11
nanotabs — Menu à onglets Javascript ultra-léger
Aucun commentaire » | Tags : Menu, Onglets | Applications autonomes
28/12/10
jMenu — Navigation horizontale avec jQuery UI
jMenu est un système de menu horizontal en jQuery et jQuery UI qui autorise un nombre illimité de sous-menus. jMenu possède plus d’une douzaine d’options : largeur des sous-menus, position (top et left) du premier niveau par rapport au niveau supérieur, délai d’ouverture et de fermeture des sous-menus, type d’effets applicables à l’ouverture ou à la fermeture des niveaux, etc. Lire le reste de cet article »
9 commentaires » | Tags : Horizontal, jQuery, jQuery UI, Menu, Menus déroulants, Sous-menu | Plugin jQuery
17/12/10
Navigation à onglets avec jQuery & CSS
Simple Tabs w/ CSS & jQuery est un tutoriel expliquant de manière concise les différentes étapes pour réaliser un système de menu à onglets. Soh Tanaka détaille le balisage HTML, le script jQuery et la feuille de style CSS. Lire le reste de cet article »
2 commentaires » | Tags : jQuery, Menu, Navigation, Onglets, Tabs | Tutoriel
11/06/10
jqDock — Transformez une suite d’images en Dock Menu (MacOS X)
jqDock est un plugin jQuery qui permet de mettre en place un Dock Menu (set d’images qui s’agrandissent au passage de la souris) popularisé par l’interface de MaxOS X d’Apple. jqDock autorise les Docks horizontaux ou verticaux avec ou sans labels. Voir aussi CSS Dock Menu qui offre un effet similaire.
1 commentaire » | Tags : Apple, Dock, jQuery, MacOSX, Menu | Plugin jQuery
11/04/10
Créer une arborescence de fichier avec jQuery
Jay Salvat nous propose la première partie d’une série de 8 tutoriels sur la création d’une arborescence de fichiers à l’aide de jQuery. Au menu :
- Transformer une liste HTML en arborescence dossiers/fichiers
- Ajouter un compteur de fichiers à chaque dossier
- Ouvrir et fermer les dossiers
- Ouvrir des dossiers par défaut dès l’ouverture
- Déplacer les dossiers et fichiers en drag and drop
- Supprimer un fichier de l’arbre
- Sérialiser le résultat
- Déclencher et utiliser des événements
1 commentaire » | Tags : Arborescence, fichiers, jQuery, Menu | Tutoriel
28/01/10
Dynamic tabs — Un menu à onglets dynamiques avec jQuery
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
1 commentaire » | Tags : jQuery, Menu, Onglets | Tutoriel
07/12/09
DOMTab — Menu à onglets simple et efficace
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.
Aucun commentaire » | Tags : DOM, Menu, Onglets | Applications autonomes
23/11/09
ul2finder — un explorateur à l’image du Finder de MacOS X
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 !
Aucun commentaire » | Tags : Explorateur, Liste, Menu | Applications autonomes
20/11/09
jQuery UI Selectmenu — des menus « select » personnalisés à la sauce ARIA
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.
1 commentaire » | Tags : Accessibilité, ARIA, jQuery UI, Menu, Select, UX | Plugin jQuery
12/11/09
Effets jQuery accessibles WAI-RIA
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.
Aucun commentaire » | Tags : Accessibilité, Formulaire, Lightbox, Menu, RIA, WAI | Plugin jQuery