La bonne combinaison de plugins JavaScript peut transformer un simple site Web en un fantastique - tout en ne nécessitant qu'un travail minime de votre part. Aujourd'hui, nous allons passer en revue quarante des plugins les plus populaires disponibles. Si nous en avons manqué, faites-le nous savoir dans les commentaires!
Un plugin qui vous permet de construire une validation côté client et des formulaires Ajax.
JQuery Valider
Un plugin de validation de formulaire MooTools (similaire à jQuery Validate).
MooTools Valider
JSValidate est un validateur de formulaire qui utilise des aspects de la bibliothèque Prototype et Scriptaculous pour vous proposer un validateur de formulaire JavaScript simple à exécuter et non intrusif. Avec une configuration minimale, vos formulaires peuvent traiter des données épurées en un rien de temps..
JS Valider
Un plugin MooTools qui remplace les cases à cocher et les boutons radio du navigateur par des styles personnalisés.
FancyForm - MooTools
Identique à FancyForm, mais en utilisant la bibliothèque jQuery.
PrettyCheckboxes - jQuery
Un plugin simple qui vous permet de remplacer la liste de sélection de formulaire par des styles personnalisés.
Plugin jQuery Selectbox
Ce script vous permet de créer des contrôles de curseur personnalisés associés aux champs de saisie..
Contrôle discret Slider V2
Donnez à votre formulaire un relooking complet.
Cases à cocher personnalisées
Vous êtes probablement très familier avec Lightbox. Sinon, il est utilisé pour afficher des images en surimpression sur la page en cours..
Boite à lumière
C'est exactement la même chose que Lightbox JS, mais écrit au-dessus de la bibliothèque jQuery.
plugin jQuery lightBox
Thickbox est un plugin jQuery très similaire à Lightbox, mais avec plus de fonctionnalités. Il vous permet d’afficher: des images uniques, des images multiples, du contenu en ligne, du contenu encadré ou du contenu diffusé via AJAX dans un mode modal hybride..
Thickbox
Highslide JS remplit les mêmes fonctions que Thickbox, mais il a un effet de zoom et vous permet de faire glisser la fenêtre de superposition..
Highslide JS
FancyBox est un plugin jQuery conçu pour remplacer la Lightbox surchargée. Il a des fonctionnalités similaires, mais de meilleurs effets de transition (le design est semblable à Mac).
FancyBox
jQZoom vous permet d'afficher une image agrandie de la vignette. Cette technique est couramment utilisée dans les sites Web de commerce électronique..
jQZoom
Diaporama 2! est une classe JavaScript permettant à MooTools 1.2 de diffuser et d’animer la présentation d’images sur votre site Web.
Diaporama 2! pour MooTools
En utilisant MooTools v1.11, cette galerie JavaScript et ce système de diaporamas vous permettent d’avoir des galeries d’images, des diaporamas, des vitrines et d’autres choses simples et lisses (fondus), sur votre site Web..
SmoothGallery
Galleria est une galerie d'images JavaScript écrite en jQuery. Il charge les images une à une à partir d’une liste non ordonnée et affiche les vignettes lors du chargement de chaque image. Il créera des vignettes pour vous si vous le souhaitez, ainsi redimensionné ou non, centré et recadré dans une zone de vignettes fixe définie par CSS..
jQuery Galleria
NoobSlide est une classe MooTools qui vous permet de créer des diaporamas chronométrés et des panneaux coulissants..
Noobslide
Ceci montre une démonstration d'un widget de curseur de la bibliothèque d'interface utilisateur jQuery utilisée pour créer le curseur de produit..
Produit slider
Coda Slider est un plugin jQuery qui imite les effets de glissement de panneau comme on le voit sur le diaporama 2! pour le site web MooTools coda.
Coda Slider Plugin
Ceci est un tutoriel de jQuery For Designers pour vous montrer comment créer le curseur de panneau Coda.
Sliding Tabs est un plugin MooTools 1.11 qui ajoute un bel effet. C'est un clone de quelque chose que l'on voit sur le site Coda de Panic Software, qui ressemblait beaucoup à un widget utilisé dans l'iTunes Music Store..
Onglets coulissants
jCarousel est un plugin jQuery permettant de contrôler une liste d'éléments dans un ordre horizontal ou vertical. Les éléments, qui peuvent être du contenu HTML statique ou chargés avec (ou sans) AJAX, et qui peuvent défiler (avec ou sans animation).
jCarousel
Le composant carrousel gère une liste de contenu (éléments HTML LI dans une UL) pouvant être affiché horizontalement ou verticalement. Vous pouvez faire défiler le contenu avec ou sans animation. Il peut référencer du contenu HTML statique ou les éléments de la liste peuvent être créés dynamiquement à la volée (avec ou sans Ajax).
Composant carrousel YUI
Carousel Slideshow est un script DHTML fabuleux pour la présentation d’images sur votre site. Il affiche les images en mode 3D et carrousel.
DynamicDrive - Carrousel Diaporama
iCarousel est un outil JavaScript open source (gratuit) permettant de créer des widgets de type carrousel. Vous pouvez utiliser iCarousel en tant que téléscripteur ou glisseur de galerie d'images.
iCarousel - MooTools
jQuery Tabs est un plugin jQuery puissant et flexible qui vous permet de créer une navigation par onglets personnalisable (hautement recommandé)..
Onglets de l'interface utilisateur jQuery
Un autre tutoriel génial de jQueryForDesigners.com qui vous montre comment créer une navigation de base par onglets avec jQuery.
Tutoriel sur les onglets jQuery
MooTabs est une toute petite classe (3 Ko) pour MooTools. Comme son nom l’indique, son objectif principal est d’aider à la création d’une navigation simple par onglets..
MooTabs
Un plugin jQuery très flexible qui vous permet de créer une animation de défilement à n’importe quelle position d’une page Web avec des options personnalisables d’effacement et de rapidité..
jQuery ScrollTo
Un simple script MooTools qui crée un défilement régulier des ancres sur une page Web.
SmoothScroll
Un plugin jQuery personnalisable qui affiche des info-bulles contenant du texte statique ou du contenu Ajax.
j Astuces
Un autre bon plugin Tooltip.
Plugin d'aide de jQuery
Un script jQuery très simple qui affiche des info-bulles et des aperçus d'images.
Info-bulle et aperçu de l'image
Ce plugin crée un menu accordéon. Il fonctionne avec des listes imbriquées, des listes de définitions ou simplement des div imbriquées.
Accordéon jQuery
L'accordéon vous offre un moyen élégant d'afficher uniquement le contenu dont vous avez réellement besoin.
MooTools Accordion
Image Menu est un plugin MooTools qui crée le menu d'image accordéon horizontal..
Menu Image MooTools
sIFR est conçu pour remplacer de courts passages de texte de navigateur en clair par du texte restitué dans la police de caractères de votre choix, que vos utilisateurs aient ou non cette police installée sur leur système. Pour ce faire, il combine JavaScript, CSS et Flash..
SIFR 3
Un plugin jQuery qui fait le sIFR pour vous.
jQuery sIFR
Facelift Image Replacement est un script de remplacement d'image qui génère de manière dynamique des représentations d'image de texte sur votre page Web dans des polices qui, sinon, pourraient ne pas être visibles par vos visiteurs. L'image générée sera automatiquement insérée dans votre page Web via JavaScript et visible pour tous les navigateurs modernes..
FLIR
Stylesheet Switcher avec jQuery.
Changer de feuille de style avec jQuery
Commutateur de feuille de style CSS avec MooTools.
MooTools Styleswitcher