Starter est un générateur de plugin pour jQuery : indiquez le nom de votre classe, les fonctions et les paramètres par défaut pour créer et télécharger votre Brand New jQuery Plugin!
Maquillage des mannequins : avant et après
J’avais déjà parlé du plugin jQuery Before/After qui permet de montrer deux états d’une photo. Ils apparaissent de part et d’autre d’une ligne médiane où un «grip» vous attend pour faire glisser un slider (pléonasme, quand tu nous tient) qui dévoilera l’autre partie de l’image. Voici une utilisation intéressante sur tmagazine sur un des blogs du New York Times Magazine où l’on peut voir des mannequins avant leur passage au maquillage et après. Via l’article Jouer à maquiller les mannequins paru sur lexpress.
BasicSlider — « Slider » horizontal et vertical avec jQuery
BasicSlider est un diaporama (carrousel, slider, etc.) créé par Jonathan Thuau qui permet de faire défiler du contenu (textes, images ou les deux) horizontalement ou verticalement, automatiquement ou manuellement. Parmi les fonctionnalités on trouve : →
Carrousel fonctionnel sans Javascript
Content Switcher — Bel exemple de mise en place d’un système permettant de passer d’un contenu à un autre via un menu en utilisant les concepts de l’amélioration progressive et du Javascript non intrusif. Ce Carrousel est d’abord pensé pour fonctionner en HTML et CSS et peut bénéficier des améliorations apportées par Javascript (en l’occurrence jQuery) pour avoir des transitions plus funky entre les contenus. Via JPV.
jQuery SimpleTree Drag & Drop — Arborescence à la Windows
jQuery SimpleTree Drag&Drop est un plugin qui permet de construire des arborescences à la mode de Windows. Déplacement des niveaux via cliqué-glissé et conversion d’une branche simple de l’arbre en dossier. Nombreuses options disponibles : animation, Ajax, fonctions de rappel, etc. Voir la démonstration. Via Ghaundan Dév Lab.
jQuery Splitter Plugin — divisez votre page en plusieurs parties redimensionnables
jQuery Splitter est un plugin jQuery particulièrement intéressant pour diviser verticalement ou horizontalement une page web en plusieurs parties dont la largeur pourra être modifiée : avec la souris via un simple cliqué-glissé ; en définissant une accesskey
; ou encore en utilisant la touche tab
pour sélectionner la bordure et les flèches du clavier pour la déplacer. →
Slick Page Transition — Effet de transition (fading) entre les pages d’un site
Slick Page Transition est un script jQuery (à placer dans votre fichier Javascript global.js ou fonctions.js, etc.) qui produit un effet de fading lorsqu’on passe d’une page à une autre. L’effet peut s’appliquer sur tout ou partie des liens il suffit de spécifier le sélecteur approprié. Il est conseillé de préciser la couleur de votre balise html pour qu’elle s’harmonise avec l’effet de transition. Voir la démonstration. →
DataTables — Pagination et tri des données pour vos tableaux HTML
DataTables est un plugin jQuery qui améliore l’ergonomie des tableaux de données en ajoutant des fonctionnalités comme le tri selon les colonnes et la mise en place d’une pagination pour les données tabulaires sans fin. →
jSocial — Votre présence sur le web en un clin d’oeil
Support du RGBa pour « jQuery Color Animations »
Le plugin jQuery Color Animation permet d’effectuer des animations en jouant plus particulièrement sur les transitions entre les couleurs. Malheureusement, le plugin ne s’occupe pas le canal Alpha qui permet de gérer la transparence indispensable lorsque l’animation a lieu sur une image en arrière-plan. →