Plugins JQuery

La liste de tous les plugins JQuery présentés sur le blog.


Cette page permet de retrouver tous les plugins JQuery (56 pour le moment ! :) ) présentés ici et classé par catégorie. Je vais essayer de maintenir cette page à jour pour qu’elle soit vraiment utile et que tu puisses sauvegarder l’adresse dans tes bookmarks !

  • JQueryUI : JQueryUI est un peu à part dans la catégorie des plugins JQuery. En effet JQueryUI c’est une dizaine d’outils / d’effets compris

Slider JQuery

  • NivoSlider : ne permet que le slide d’images. Ce plugin JQuery propose des animations de transitions assez originales.
  • SimpleSlide : ce slider JQuery permet de faire slider à peu près tout ce que l’on veut et, comme son nom l’indique, de manière simple !
  • Orbit : un nom obscur pour un plugin JQuery permettant de faire slider des images.
  • EasySlider : un slider proposant un grand nombre d’options. Il ne slide pas uniquement les images, mais également de l’html !
  • Scrollable : à mi-chemin entre un slider et un carousel, il propose aussi beaucoup d’options ce qui en fait un slider JQuery assez puissant.

Lightbox JQuery

  • Fancybox : pour l’instant le meilleur plugin de lightbox que je connaisse. Simple d’utilisation et (presque) complètement configurable.
  • Colorbox : une bonne lightbox, ultra-légère avec pas mal d’options et de méthodes publiques.
  • PopEye : une lightbox un peu différente. L’image s’agrandissant simplement à son emplacement, sans être centrée dans la page.
  • Impromptu : j’ai décidé de la classer ici, car il permet non seulement d’afficher des boites modales, mais également du contenu HTML dans une lightbox.
  • SuperBox : une jolie lightbox, simple et assez complète. Que demander de plus ?
  • PiroBox : une lightbox JQuery classique. Elle peut être couplé à des fonctions d’Easing pour améliorer les animations.

Carousel JQuery

  • bxCarousel : un très bon plugin de carousel, selon moi. C’est maintenant celui que j’utilise personnellement et professionnellement. Simplicité d’utilisation et de mise en forme sont les principaux avantages de ce plugin JQuery.
  • jCarousel : un carousel JQuery avec plein d’options facile à mettre en place mais plus compliqué à mettre en forme.

Menu JQuery

  • JQueryUI Potato Menu : un plugin de menu déroulant, basé sur JQueryUI. Il gère aussi bien les menus horizontaux que veticaux.
  • Lavalamp : ce plugin permet de faire un menu horizontal avec un effet style « flash » au survol. Il faut le voir pour comprendre !
  • JQdock : pour faire une barre de dock à la Mac OS avec un effet de pseudo 3d et d’agrandissement progressif.
  • JQuery Menu : Dropdown, iPod Drilldown… : un plugin sans nom, qui fait notamment des menus déroulants multi-niveaux.
  • Droppy : le plugin de menu déroulant que j’ai pu utiliser dans le passé (avant que je sache comment le faire moi-même !). Facilement configurable et simple à mettre en forme.

Animations JQuery

  • Roundabout : pour faire des animations originales utilisant, par exemple, de la pseudo-3d.
  • Flip! : permet de faire tourner un bloc avec un effet de pseudo 3d.

Galerie photo JQuery

  • JQuery Cycle : le plugin JQuery le plus simple et surtout le plus complet pour faire des diaporamas. Un most-have pour moi !
  • jFlickrFeed : pour afficher les photos d’un membre Flickr à partir de son ID. Le tout est basé sur le flux RSS des photos de ce membre.
  • Hoverscroll : une galerie photo miniature, avec, comme son nom l’indique, un effet de scroll au survol.
  • JQuery Slideshow : pour faire facilement un diaporama.
  • ImagesFlow : permet de réaliser l’effet coverflow à la iTunes sans Flash.
  • Galleria : une galerie photo complète avec gestion des miniatures, des animations de transitions…
  • SpaceGallery : une galerie photo originale avec effet de pseudo 3d et de transparence.

Gestion des formulaires

  • AjaxUpload : de l’upload en Ajax, sans rechargement de page et avec la gestion du Drag’n'drop sous certains navigateurs.
  • AutoComplete : parfait pour faire de l’auto-complétion, il propose tout un tas d’options (gestion du cache, délais…).
  • JQuery MultiSelect : transforme un select multiple (pas ergoniquement génial) en une liste de checkbox.
  • SlidingLabels : pour afficher les labels des champs input text dans le champ avec une légère animation au focus sur ce champ.
  • Contactable : permet de créer et de configurer très facilement un formulaire de contact.
  • Stylish Select : ce plugin JQuery propose de personnaliser graphiquement les listes déroulantes.
  • SimpleAutoGrow : pour que les textareas s’agrandissent automatiquement en fonction de leur contenu (à la manière de Facebook).
  • Editable : permet la transformation d’un texte brut en un champ input ou textarea. Pratique pour proposer de l’édition de contenus.

Infobulles JQuery

  • QTip : un bon plugin JQuery pour infobulles. Mise en forme facile, plein d’options disponibles, dégradable…
  • Wtooltip : plugin JQuery d’infobulles ultra simple d’utilisation et avec un style sobre.
  • CursorMessage : des infos-bulles qui suivent la souris. Très peu d’options sont disponibles pour ce plugin JQuery.

Réseaux sociaux

  • Juitter : pour l’affichage d’une timeline ou d’une recherche sur Twitter.
  • Delectable : permet l’affichage des derniers bookmarks enregistrés sur Delicious à partir d’un nom d’utilisateur.
  • Tweetable : idéal pour afficher le flux d’un Twittos. Il bien les mentions (@truc), les hashtags (#machin) et les liens inclus dans les tweets.

Gestion de données

  • JGchart : ou comment créer facilement des graphiques (batons, courbes, camenberts…)  en utilisant Google Chart.
  • DataTables : pour rendre des tableaux de données plus dynamiques avec des fonctions de tri, de recherche…
  • KeySorter : idéal pour proposer le parcours et la modification d’un tableau de données à la manière d’un tableur.
  • TableSorter : ce plugin JQuery propose de rendre un tableau triable. Il reconnait même certains types de données.

Jeux JQuery

  • JCharacterFall : un jeu de rapidité au clavier et avec des lettres qui tombent !

Divers

  • BMap : une surcouche JQuery à l’API de Google Maps. On gagne en lignes de code et en temps. A conseiller piour l’affichage de cartes simples.
  • JQuery Expression BenchmarkR : pour tester ses sélecteurs JQuery et les optimiser au maximum. Un outil à bookmarker !
  • JParallax : pour faire une illusion de parallaxe c’est-à-dire un effet d’animations avec plusieurs images superposées et la gestion de la « distance ».
  • Farbtastic : un color picker en JQuery simple d’utilisation.
  • Lazyload : permet de ne charger les images que l’on arrive dessus sur la page. Ralentis le temps de chargement de la page.
  • StyleSwitcher : permet de changer à la volée le style d’une page, en chargeant une feuille de style alternative.
  • Before/After : pour faire un effet avant/après à partir de 2 photos. L’effet est particulièrement réussi.
  • Gestures : offre la détection de mouvements de la souris (zig-zag, cercle…)
  • Iff : permet de rendre des conditions (« if ») chainables.
  • Jplayer : pour faire un player de musique au format MP3 (basé sur flash) ou OGG. Facilement configurable et avec une mise en forme simple.

8 reponses a Plugins JQuery

  1. Ping : La liste de tous les plugins JQuery du blog | JQuery, PHP, html, design… // arnaud-k : un blog de geek

  2. Thomas dit :

    Une jolie collection que voilà.

    Par contre je ne vois pas à quel moment tu charge ces scripts…

  3. arnaud dit :

    Je crois que tu as mal compris, ce n’est pas la liste des plugins JQuery utilisés sur le blog, c’est la liste de tous les plugins dont j’ai pu parler sur le blog… C’est tout ceux qu’on peut retrouver dans les articles :)

  4. Thomas dit :

    Autant pour moi !!!

    Je me disais aussi que tu y allais fort sur les plug’in ;)

  5. Yuki dit :

    Voila, j’ai fais mes courses =P
    Merci bien, ça me sera utile pour mes futurs projets.

  6. Couros dit :

    De même que Yuki,
    Un grand merci pour ce florilège
    beau travail

  7. Nicolas dit :

    Il s’agit d’une bonne « collection » de plug-in, en particulier le before/after qui est vraiment bien fichu.
    D’autre part, avez-vous vu que JQuery est la librairie la plus utilisée du web français ? http://blog.artenet.fr/2011/12/01/top-framework-javascript-france/
    Nul doute que cet outil nous réserve encore de bonnes choses.

    Petite note au passage : JQuery Gesture ne semble plus disponible :(

  8. Ping : Plugin jQuery pour un « One-page website » : SuperScrollorama ! | JQuery, PHP, html, design… // arnaud-k : un blog de geek

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>