jARIA jQuery Plugin est basé sur enable.js développé par IBM pour Mozilla. Il permet d’ajouter une couche ARIA dans votre site web sous la forme de méthodes pour la gestion des rôles : ariaRole(), par exemple, renvoie le rôle ARIA d’un élément donné. →
Mise en page automatique avec jQuery Masonry
jQuery Masonry réorganise les blocs de votre page page d’après une grille (de manière verticale et horizontale) pour réduire au maximum les espaces vides entre les éléments qui apparaissent lorsqu’on applique la propriété float
sur des blocs de hauteurs différentes. →
jTruncate — Tronquez vos textes avec jQuery
jQuery Before/After — Comparer deux états d’une photo
jQuery Before/After est un plugin étonnant qui plaira à tous ceux qui veulent proposer la comparaison de deux états d’une photo. Chacun des deux états apparait de part et d’autre d’une ligne médiane où un grip vous attend pour faire glisser un slider qui dévoilera l’autre partie de l’image. Le script pèse 7 ko et nécessite jQuery UI en plus de jQuery pour fonctionner. Je vous laisse avec une démonstration parfois surprenante 😉
jQSlickWrap habille les images de formes irrégulières avec du texte
jQSlickWrap est un plugin jQuery qui permet d’habiller une image de forme irrégulière avec le texte autour. Ce script fonctionne sur les navigateurs compatibles avec la balise canvas
prévue par HTML5. Pour résumer, le script crée une balise canvas
, la remplie avec l’arrière-plan de l’image en fonction des informations de la couleur du pixel du coin supérieur gauche et redessine l’image pixel par pixel. Mais jugez plutôt !
Cette technique est une adaptation de la solution CSS et PHP proposée par Rob Swan sur A List Apart en 2006.
Ceebox — une lightbox spécialisée dans l’affichage des vidéos
Ceebox est un plugin jQuery totalement réécrit il y a peu pour afficher n’importe quel contenu dans une fenêtre modale ou non de type lightbox. Ceebox donne toute sa mesure lors de l’insertion de vidéos hébergées sur Google Video, Dailymotion ou Youtube.
Il est possible d’afficher une galerie mélangeant différents types de contenus, y compris via Ajax. Le plugin nécessite SWFObject jQuery Plugin pour l’affichage des vidéos et s’active de différentes manières. Pour finir, les nombreux paramètres par défaut sont modifiables pour s’adapter à toutes les situations.
jTextTranslate — Traduction de votre site en 87 langues
jTextTranslate est un plugin jQuery qui utilise l’API Ajax Language de Google pour offrir une palanquée de langues vers lesquelles vos visiteurs pourront traduire vos textes. L’appel est des plus simples : il suffit de lier la fonction à l’élément HTML de votre choix. Par exemple, utilisez $(.entry).translate()
pour permettre la traduction de vos billets WordPress. Le script ajoute un lien qui lance une fenêtre lightbox pour le choix des langues et la traduction elle-même. Via La Ferme du Web.
Infobulles stylées et accessibles avec jQuery
Styled and accessible tooltips — Après Tipsy, ce script permet de remplacer l’infobulle par défaut qui apparait lorsqu’on passe la souris (ou le clavier) sur un élément possédant un attribut title par une infobulle du plus bel effet et accessible, ce qui ne gâche rien. Aucun marquage HTML supplémentaire n’est nécessaire : ce script se charge de tout et enlève le superflu lorsque la souris quitte l’élément en question. Via AccessTech.
Pikachoose : le bon choix pour afficher vos images
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
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.