Les 50 plugins jQuery les plus utiles pour le développement frontend

Il existe de nombreux autres frameworks JavaScript disponibles, mais jQuery est clairement le plus populaire (selon BuiltWith, il est actuellement utilisé par plus de 78 % des millions de sites les plus populaires).

Le but de jQuery est de faciliter la gestion et l'écriture de bon nombre de ces fonctions JavaScript qui nécessitent généralement de nombreuses lignes de code en les regroupant dans des méthodes qui peuvent être appelées avec une seule ligne de code.

Il est léger et, comme il est extensible, des plugins jQuery sont disponibles gratuitement pour presque toutes les fonctionnalités auxquelles vous pouvez penser.

Plugins jQuery pour les mises en page Web et mobiles

pagePiling.js

pagePiling.js est un plugin jQuery pour "empiler" vos sections de mise en page les unes sur les autres et y accéder en faisant défiler.

fullPage.js

fullPage.js est un plugin simple pour créer des sites Web défilants en plein écran.

gridscrolling.js

gridscrolling.js est un plugin pour positionner les sections et les côtés dans une grille et permettre une navigation facile avec les touches du curseur.

Plaque scintillante

Flickerplate est un plug-in réactif, tactile et léger qui vous permet de "feuilleter" le contenu.

jInvertScroll

jInvertScroll est un plugin léger qui vous permet de vous déplacer horizontalement avec un effet de parallaxe tout en défilant vers le bas.

Animation

Animsition est un plugin simple pour ajouter des transitions de page avec des animations CSS.

Travail de la brique

Brick Work est un plug-in léger (15 Ko) et riche en fonctionnalités permettant de créer des mises en page dynamiques réactives.

Défilez-moi

ScrollMe est un plugin léger qui vous permet d'ajouter des effets de défilement simples aux pages Web.

smoothState.js

jquery.smoothState.js est un plugin qui améliore progressivement les pages pour qu'elles se comportent davantage comme une application d'une seule page.

multiscroll.js

multiscroll.js est un plugin simple pour créer des sites Web à défilement multiple avec deux panneaux de défilement verticaux.

matchHeight.js

matchHeight.js est un plugin de hauteurs égales plus robuste pour jQuery.

Plug-ins de navigation et de menu jQuery

Barres coulissantes

Slidebars est un plugin léger (2kb) pour créer un menu push de style application.

scotchPanels.js

scotchPanels.js est un plugin de menu et de panneau jQuery hors canevas.

Plugins jQuery pour les médias (images et vidéo)

Point de concentration

Focuspoint est un plugin permettant de recadrer dynamiquement des images pour remplir l'espace disponible sans découper le sujet de l'image.

Boîte à fluide

Fluidbox est une réplique du module lightbox de Medium.com, avec quelques améliorations supplémentaires.

GifPlayer

GifPlayer est un petit plugin qui vous permet de contrôler quand lire et arrêter les GIF animés.

rowGrid.js

rowGrid.js est un plugin permettant de placer des images sur une grille avec prise en charge du défilement infini.

SVGMagie

SVGMagic est un plugin de secours SVG simple qui trouve des images SVG sur votre site et crée des versions PNG si le navigateur ne les prend pas en charge.

Voir jQuery

Vide est un plugin jQuery pour ajouter facilement des arrière-plans vidéo à vos pages Web.

Dense.js

Dense.js est un plugin pour servir facilement des images prêtes pour la rétine.

Covervid

Covervid est un plugin simple qui vous permettra de faire en sorte que la vidéo HTML5 se comporte comme une image de fond.

jQuery-Cropbox

jQuery-Cropbox est un plugin vraiment utile pour le recadrage d'images sur place (zoom et panoramique, par opposition à sélectionner et faire glisser).

Détection facial

Face Detection est un puissant plugin jQuery/Zepto qui détecte les visages sur les images, les vidéos et les toiles.

BttrLazyLoading

BttrLazyLoading est un plug-in qui permet à votre application Web de ne charger que des images dans la fenêtre d'affichage lorsque l'utilisateur fait défiler.

Curseur jQuery, carrousel et plugins de galerie

Curseur jQuery simple

Simple jQuery Slider est un jQuery Slider léger qui fait exactement ce qu'un slider devrait faire : 'slides slides'.

FSVS

FSVS est un simple curseur vertical plein écran utilisant des transitions CSS3 avec jQuery de secours.

anoFlow

anoFlow est un plugin lightbox / galerie riche en fonctionnalités et réactif.

nanoGALERIE

nanoGALLERY est un plugin de galerie d'images réactif, tactile et facile à utiliser.

Justifié.js

Justified.js est un plugin qui crée une grille d'images justifiées.

Mélanger les images

Shuffle Images est un plugin jQuery qui vous permet d'afficher et de mélanger plusieurs images dans une galerie en déplaçant ou en secouant le curseur.

Skipper

Skippr est un plugin de diaporama super simple et léger pour jQuery.

Plugins d'effets de texte jQuery

fontFlex.js

fontFlex.js est un plugin léger pour changer dynamiquement les tailles de police.

Machine à écrire

t.js est un plugin jQuery léger pour les effets de texte de type machine à écrire.

Morphexte

Morphext - Un plug-in de carrousel jQuery propulsé par Animate.css pour les phrases de texte.

Splitchar

Splitchar est un plugin jQuery qui vous permet de styliser et de concevoir la première, la seconde ou les deux moitiés d'un personnage.

Plugins d'éléments de formulaire jQuery

BootstrapValidator

BootstrapValidator est un plugin jQuery pour valider les formulaires Bootstrap.

Labellisation

Labelauty - Un plugin jQuery agréable et léger qui donne de la beauté aux cases à cocher et aux boutons radio.

Gardien

Guardian est un plugin jQuery de validation de formulaire polyvalent, flexible et facile à étendre.

fontIconPicker

fontIconPicker est un plugin léger qui vous permet d'inclure un simple sélecteur d'icônes (avec recherche et pagination) dans n'importe quel formulaire.

Cache-cache

HideSeek est un plugin jQuery simple mais personnalisable pour la recherche en direct.

Sélecteur d'horloge

ClockPicker est un sélecteur de temps de style horloge pour jQuery ou Bootstrap.

Plugins de l'utilitaire jQuery

jQuery Confirmer Mailto

jQuery Confirm Mailto est un plugin pour confirmer avec les utilisateurs avant d'ouvrir n'importe quel mailto: lien via leur client de messagerie par défaut.

jNotterie

jNottery est un plugin qui permet d'ajouter des notes à une page.

Onglets réactifs

Responsive Tabs est un plugin qui offre une fonctionnalité d'onglet réactif.

arrière-plans-adaptatifs.js

adaptive-backgrounds.js est un plugin sympa qui extrait la couleur dominante des images de votre page Web et applique la couleur à leur parent.

…et enfin…

Planétarium

Planetarium est un plugin jQuery qui vous permet de construire des planètes interactives et de construire l'Univers !

dragueur de table

table-dragger vous permet d'ajouter facilement un tri par glisser-déposer à votre table sans jQuery.

Sélecteur

Selector est une micro bibliothèque JavaScript utilisée en remplacement de jQuery, pesant près de 5 Ko.

branleur.js

jquery.wanker.js est un plugin jQuery humoristique qui révèle une annonce de service public lorsque les gens commencent à redimensionner excessivement leur navigateur de bureau alors qu'ils essaient de voir vos points d'arrêt réactifs. Comme on dit "Le Web est fait pour être lu, pas écrasé !"