jNotify permet de faire surgir une boite pour informer l’utilisateur du bon ou du mauvais déroulement des opérations. Les trois sortes de boites prévues (information, succès et échec) sont totalement personnalisables via les CSS. L’appel des fonctions s’effectue en spécifiant une ligne par type de notification désirée. Il est possible d’appeler une fonction de Callback à votre convenance. Dix options permettent de paramétrer la largeur de la boite, le délai d’apparation, la position, la gestion de l’overlay (couleur, opacité), etc. →
jQuery Apple Effect
jQuery Apple Effect est un plugin jQuery créé par Vincent Battaglia (@vinch01, qui m’a transmis le virus Twitter en 2007) qui permet de reproduire chez vous, un effet assez sympathique utilisé par Apple : afficher progressivement le contenu d’une page Web autour d’une zone affichée par défaut, pour la mettre en valeur. →
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. →
«input type = password» — Affichage des mots de passe à la demande avec jQuery
Afficher ou masquer les mots de passe de vos formulaires en jQuery — Le comportement normal d’un champ input
de type password
en HTML est de masquer les caractères en cours de frappe en les remplaçant par des bulles pour garantir la confidentialité de votre mot de passe. Pratique, au cas où quelqu’un lirait par-dessus votre épaule ou vous épierait avec une paire de jumelle. Si ce comportement par défaut a son utilité, il pourrait être intéressant d’avoir le choix et de n’afficher ou masquer ce mot de passe qu’en cas de besoin, à l’aide d’une case à cocher. →
qTip — Infobulles, bulles d’aide, bulles de dialogue avec jQuery
qTip est un plugin jQuery pour créer des infobulles. Il a été conçu dès le départ pour être pris en main facilement par les utilisateurs. qTip offre un maximum de fonctionnalités comme les coins arrondis et la mise en place de bulles de dialogues, mais son point fort est l’affichage de tout types de contenus : attribut title
ou attribut personnalisé tooltip
, ou une image. Il est également possible d’afficher du contenu dynamique tel que miniatures de pages Web, vidéos en provenance de Youtube ou traduction d’un mot. qTip est probablement l’un des meilleurs script pour vos bulles d’aides ! →
markItUp! — Un éditeur pour vos textareas
markItUp! est un plugin jQuery créé par Jay Salvat qui permet de transformer un textarea
en éditeur HTML, Textile, Wiki, Markdown, BBcode ou votre propre système de balisage ! markItUp! n’est pas un éditeur prêt-à-l’emploi, ce n’est pas un éditeur Wysiwyg, mais offre un moteur de balisage léger, personnalisable et souple dont les développeurs pourront tirer partie. →
Slides — Slideshow jQuery
SlideJs est un Slideshow Javascript développé avec jQuery pour afficher vos images sous forme de diaporama. SlideJs est simple à utiliser et propose de nombreuses options : auto-rewind, auto-play, effets de fading et de transitions, préchargement d’images, pagination automatique, etc. Compatible avec Internet Explorer 7/8/9, Firefox 3+, Chrome, Safari, Safari Mobile et même IE6 ! Slides est disponible sur Github. Via Pierre Vion.
Lightbox CSS avec tabindex et pseudo-classe :focus
Lightbox sans Javascript — Les Lightbox s’affichent généralement suite à un événement click
capturé par Javascript. CSS ne possède pas de pseudo-classe :click
, mais cela n’a pas empêché Jérémy Barbe (@capitainemousse) de créer une Lightbox full CSS en remplaçant l’événement click
par la pseudo-classe :focus
et la propriété tabindex
pour permettre aux images d’avoir le «focus». Voir la démonstration. →
Lettering.js — La typographie dit «merci» à jQuery !
Lettering.js est un plugin jQuery qui devrait plaire aux amoureux de la typographie et aux bidouilleurs de CSS. Avec Lettering vous pourrez contrôler précisément le découpage de vos textes pour afficher les caractères ou les mots qui les composent comme bon vous semble ! On pourra appliquer un style CSS pour chacun des mots ou des caractères composant un titre. →
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. →