La communauté des développeurs jQuery doit être l’un des groupes les plus généreux et les plus assidus du Web. Ils développent en permanence des outils incroyablement utiles et totalement gratuits qu’ils partagent avec tous ceux qui souhaitent les utiliser.
La quantité et la qualité des plugins gratuits jQuery ne cessent tout simplement de m'étonner. J'ai gardé une liste des meilleurs que j'ai trouvé récemment et je pensais la partager avec vous. Voici 40 plugins jQuery gratuits et impressionnants que presque tous les développeurs Web devraient consulter.
Défilement
jQuery Waypoints
Les points de cheminement vous permettent de déclencher facilement des événements JavaScript à des points de défilement spécifiques. Vous êtes-vous déjà demandé comment les gens construisent ces effets de défilement étonnants? Cela pourrait être votre réponse.
skrollr
Défilement parallèle pour les masses. Skrollr vous aide avec toutes sortes d'effets de défilement, y compris les transformations, les changements de couleur et plus.
Graphiques, animations et tableaux
Handsontable
Une approche minimaliste d’un éditeur de tableau de type Excel en HTML & jQuery. Le résultat est assez impressionnant, vous devez absolument essayer si vous souhaitez créer un tableur interactif.
jQuery Sparklines
jQuery Sparklines vous aide à créer de petits graphiques en ligne contenant des informations via HTML ou JavaScript.
Gantt de travail d'équipe
Construisez d'incroyables diagrammes de Gantt avec jQuery. Sérieusement impressionnant pour un outil gratuit.
DataTables
Un plugin jQuery pour créer des tables de données impressionnantes et hautement fonctionnelles. Tri multi-colonnes avec détection du type de données, gestion intelligente de la largeur des colonnes, etc.
arbor.js
Construisez des graphes fous, futuristes, animés et modulaires. Des trucs vraiment cool.
Disposition
Wookmark jQuery Plugin
Construisez facilement une mise en page semblable à celle de Msonry, comme celle vue sur Wookmark. Nous avons présenté ceci sur Design Shack ici.
jQuery maçonnerie
La maçonnerie jQuery originale. La maçonnerie organise les éléments verticalement, en positionnant chaque élément dans le prochain point ouvert de la grille.
Isotope
Un plugin de mise en page incroyable qui permet de créer des grilles intelligentes et dynamiques d'éléments faciles à trier et à filtrer.
FitVids.JS
Un plug-in jQuery léger et facile à utiliser pour les intégrations vidéo de largeur fluide.
gridster.js
Gridster est un plugin vraiment étonnant qui vous permet de créer des schémas de grille flexibles pouvant être réorganisés par glisser-déposer. Vous devriez certainement essayer celui-ci.
Freetile.js
Un autre plugin pour la mise en page de style maçonnerie. Il permet de compresser n'importe quelle taille d'éléments sans utiliser de grille de colonnes de taille fixe. Vous n'avez donc pas à vous soucier de spécifier une largeur de colonne appropriée à la taille de vos éléments.
Texte
Plugin jQuery TextExt
TextExt est un plugin pour jQuery conçu pour fournir des fonctionnalités telles que la saisie de balises et la complétion automatique. Selon le développeur, il reposait sur deux valeurs principales: la modularité et l'extensibilité.
Jeditable
Jeditable vous permet de définir certains éléments HTML modifiables par l'utilisateur. Vous pouvez même configurer différents types d’événements pour déclencher des fonctionnalités d’édition: survol, clic, double clic, etc.
FitText
Un plugin pour gonfler le type web. Cela permet en fait d’avoir un texte qui redimensionne avec la fenêtre. Extrêmement utile pour la conception Web réactive.
Cool interface utilisateur
démonstration de jQuery Knob
Ce plugin vous permet de créer des boutons circulaires vraiment cool qui tournent ou se remplissent au fur et à mesure que vous faites défiler.
noty - Un plugin de notification jQuery
Noty est un plugin jQuery qui facilite la création de messages d'alerte, de succès, d'erreur, d'avertissement, d'information et de confirmation, au lieu du dialogue d'alerte standard. Chaque notification est ajoutée à une file d'attente.
PageSlide
Ce plugin vous aide à créer une barre latérale coulissante qui contient à peu près tout ce que vous voulez.
jQuery Collapse
"Ce plugin vous fournit une solution accessible et légère à un modèle d'interface largement adopté connu sous le nom de divulgation progressive." C'est un langage sophistiqué pour un plugin qui vous permet de rendre le contenu réductible.
Avgrund
Des boîtes modales simples et impressionnantes avec un effet d'animation de page vraiment cool.
jQuery une page de navigation
Navigation et animation fluides pour les sites à une seule page. Super simple, incroyablement pratique.
jqPagination
Un super petit plugin de pagination. Au lieu d'afficher une liste de numéros de page, comme les méthodes de pagination traditionnelles, jqPagination utilise une entrée interactive 'Page 1 sur 5' qui, lorsqu'elle est sélectionnée, permet à l'utilisateur de saisir le numéro de page souhaité.
Plugin jQuery Joyride Feature Tour
Ce plugin provient de ZURB, qui contient toutes les informations dont j'ai besoin pour savoir que c’est génial. Il vous aide à créer de petites légendes qui guident les utilisateurs à travers les fonctionnalités de votre site, une étape à la fois.
Info-bulles
jQuery PowerTip
Un plug-in d'aide-mémoire jQuery assez robuste avec de nombreuses options.
pompette
Un autre excellent plugin tooltip. Celui-ci est vaguement basé sur la possibilité de créer des info-bulles de style Facebook.
Diaporamas, images et curseurs
jQuery Slider Shock
Un curseur jQuery / WordPress particulièrement réactif, avec une multitude d’options, de paramètres, de styles et de fonctionnalités. Très bien documenté aussi!
Backstretch
Backstretch crée des images d'arrière-plan dynamiquement redimensionnées et compatibles avec les diaporamas pour toute page ou élément.
jQuery Anystretch
Anystretch est un plugin jQuery qui vous permet d’ajouter une image d’arrière-plan redimensionnée de façon dynamique à n’importe quel élément de niveau page ou bloc. L'image s'agrandira pour s'adapter à la page / à l'élément et sera automatiquement redimensionnée à mesure que la taille de la fenêtre change.
jQuery Lightbox
Une lightbox simple basée sur prototype et scriptaculous.
FlexSlider 2
FlexSlider est un curseur d'image sensible de WooThemes avec des fonctionnalités impressionnantes telles que des animations de diapositives multidirectionnelles, un balisage sémantique, une prise en charge tactile et la possibilité d'inclure n'importe quel code HTML sous forme de diapositive.
Boîte de couleur
Un autre plugin simple lightbox. Prend en charge le contenu photos, regroupement, diaporama, ajax, en ligne et iframed.
WOW Slider
Littéralement l'un des meilleurs, des plus puissants et des plus complets sur le Web. Il est réactif, comporte de nombreuses transitions et contient tout ce dont vous pourriez avoir besoin. Va le chercher.
Divers
Timeago
Timestamps rapides, faciles et à mise à jour automatique pour jQuery. Exemple: il y a environ un jour.
Validation jQuery
Le plug-in de validation jQuery offre une validation immédiate pour vos formulaires existants, tout en facilitant la personnalisation de toutes sortes de personnalisations pour les adapter à votre application.
jQuery File Upload Demo
Un plugin de téléchargement de fichier assez robuste pour jQuery. Sélection multiple de fichiers, prise en charge du glisser-déposer, barres de progression et images d'aperçu pour jQuery.
jQuery Instagram
Vous souhaitez afficher un flux Instagram sur votre page Web? Avec ce petit outil, vous pouvez.
jQuery Shadow Plugin
Ajoutez facilement toutes sortes d'ombres différentes à vos éléments HTML. Chaque ombre prend très peu de code à implémenter.
Mot de passe nu
Celui-ci est ridicule et potentiellement offensant, et un peu hilarant. Pour encourager les utilisateurs à mettre en place des mots de passe forts, voici un petit exemple illustrant un homme ou une femme qui se déshabille au fur et à mesure que la force de votre mot de passe augmente.
MotionCAPTCHA
Je déteste tellement les CAPTCHA en mots mutilés que j'ai écrit un article sur les raisons pour lesquelles nous devrions les tuer. Ce plugin fournit une alternative unique qui permet à l’utilisateur de contourner la sécurité en dessinant des formes.
jQuery Transit
Transformations et transitions CSS3 super-lisses pour jQuery. Rotation, perspective, inclinaison, échelle et plus.
Qu'est-ce que j'ai raté?
Voilà, 40 plugins jQuery exceptionnels pour tout, des effets de défilement aux graphiques, etc. Laissez-moi un commentaire ci-dessous et parlez-moi des excellents plugins que vous avez découverts, ou mieux encore, construits récemment. Assurez-vous de laisser un lien pour que tout le monde puisse jeter un coup d'œil.