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

jTruncate est un plugin pour jQuery qui coupe un texte au bout d’un certain nombre de mots et qui ajoute un texte comme « Lire la suite » pour accéder à… la suite ! Pas moins de 7 options permettent de gérer la coupe :

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.