jQuery et WordPress ont en commun leur modularité : les plugins jQuery et les extensions WordPress permettent d’étendre les fonctionnalités de nos outils préférés. Le tutoriel montre comment utiliser les extensions WordPress pour insérer n’importe quel plugin jQuery dans le panneau des extensions WordPress, de manière propre et efficace. →
Pour étendre la surface cliquable d’un lien les CSS sont bien utiles : il suffit d’augmenter le padding de l’ancre concernée. Mais ne serait-il pas judicieux de rendre cliquable l’élément parent d’un lien ? C’est ce que propose Eroan Boyer dans son billet Étendre la portée d’un lien avec Jquery : →
jQuery Hotkeys Plugin permet d’ajouter ou supprimer des équivalents-clavier dans votre page Web. Gère la plupart des événements en une ligne de code : →
Columnizer jQuery Plugin permet de maquetter automatiquement votre contenu en plusieurs colonnes pour donner un look « presse » à votre prose. Nombreuses options disponibles, dont notamment la possibilité de spécifier une largeur de colonne ou un nombre fixe de colonnes. via Rémi Garcia.
jQuery Fundamentals synthétise les éléments de syntaxe de jQuery sur une page web. La navigation s’effectue via un sommaire précis et structuré comprenant également un index des nombreux exemples utilisés. →
Apple-like Retina Effect With jQuery est un tutoriel qui vous permettra de refaire chez vous l’effet loupe «Retina Display» proposé par Apple sur lav version 4 de l’iPhone. Vraiment bluffant, d’autant plus que le marquage HTML nécessaire est des plus simples : →
Antonio Lupetti vient de mettre à jour sa Cheat Sheet au format PDF pour prendre en compte les nouveautés de jQuery 1.4.2. disponible sur Scribd ou Flickr. Via Johan Bleuzen.
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.
Fancy Sliding Form — Ce script jQuery découpe un formulaire en autant de parties qu’il contient de fieldset, accessibles via un menu qui les fait apparaitre sous forme de Slideshow. Cerise sur le gâteau, un symbole apparait sur chaque entrée de menu si les champs n’ont pas été renseignés. Ce tutoriel explique chaque étape : le marquage HTML, les feuilles de style CSS et le code Javascript. Jetez un oeil sur la démonstration. Via @LaFermeDuWeb.
clueTip est probablement le script le plus souple pour afficher des bulles d’aide sur n’importe quel élément au survol de la souris (ou sur un clic, en option). La plupart des plugins proposent des infobulles en reprenant simplement le contenu de l’attribut title pour l’afficher dans un environnement graphique plus funky que l’affichage par défaut du navigateur. ClueTip permet de choisir un caractère séparateur (un pipe, par exemple) pour scinder le contenu de l’attribut title en deux entités pour avoir un titre au dessus du contenu, par exemple. →
