Pikachoose est le plugin jQuery idéal pour afficher des galeries d’images en toute légèreté. Dispose néanmoins d’options pour faire des présentations (auto-play, boutons de navigation). L’installation et le paramétrage sont à la portée de tous. Cerise sur le gâteau, PikaChoose est accompagné de SliderJS (optionnel) qui transformera votre slideshow en Carrousel.
jQuery Context Menu permet de réaliser des menus contextuels (actionnés via le clic droit) personnalisable à 100% avec les CSS. Voir aussi Jeegoocontext et ContextMenu pour encore plus de menus contextuels ! Via Miary Rabehasy.
Il y a autant de systèmes de menus déroulants prêt à l’emploi que de développeurs. Pour autant, il n’est pas toujours évident de trouver celui qui correspond à nos besoins, là tout de suite. Pour nous aider à y voir plus clair sur les avantages et les inconvénients des solutions proposées sur le web Tyssen Design passe en revue les principaux dropdown menu.
Je vous recommande ce tutoriel clair et didactique qui reprend pas à pas les étapes permettant de permuter deux maquettes sur un clic. L’idée est de changer une classe CSS à la volée et d’arranger le design en fonction des éléments que l’on veut voir apparaitre ou non. Dans un cas, on aura une liste avec une miniature et une description, dans l’autre, les images seront plus grandes et le texte aura disparu.
Si la modification de la taille du texte fait déjà partie des fonctionnalités du navigateur, il peut être utile de proposer aux visiteurs une alternative sur la page web. Avec Simple jQuery Text Resizer et une simple liste HTML vos visiteurs choisiront la taille qui leur convient et un cookie gardera leur préférence en mémoire tout au long de la navigation ou lors de leur prochaine visite selon la date d’expiration indiquée.
La gestion des cookie en Javascript n’est pas des plus aisée. C’est pourquoi, je soumets à votre attention jQuery Cookie qui va s’occuper de tout le travail fastidieux pour écrire, lire et effacer vos cookies. Tout ça pour le modique poids de 4,15 kb…
Les navigateurs imposent la balise <input type= »file » /> pour «uploader» (téléverser comme disent les québecois) un fichier sur le serveur. Cette balise est quasi impossible à personnaliser et le style par défaut de cette pauvre chose fait souvent tâche au milieu des applications web 2.0… Pour y remédier, Flash est une alternative souvent utilisée alors que Javascript peut tout aussi bien faire l’affaire. →
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 !
Avec jQuery Image Cropper l’utilisateur peut uploader une image et sélectionner la zone de recadrage puis sélectionner le répertoire pour enregistrer deux images : une au format 100×100 et une miniature de 50×50. Le script est facilement modifiable pour personnaliser les dimensions et la taille maximum des images traitées. Via Restez connectés !
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.
