Récemment, nous avons publié une collection exceptionnelle de 40 plugins jQuery que chaque développeur devrait consulter. Aujourd'hui, nous suivons cela avec un peu d'amour pour la foule des MooTools.
Comme jQuery, MooTools possède une communauté impressionnante de développeurs qui produisent en permanence des plugins stellaires gratuits pour tous les types de tâches et d’interfaces. Dans cette collection, vous trouverez des plugins pour les curseurs, les lightboxes, les tags, la navigation et bien plus encore.
Sliders & Lightboxes
Diaporama MooTools
Un des meilleurs diaporamas MooTools. C'est simple à utiliser, magnifique et riche en fonctionnalités. Commencez ici si vous avez besoin d’un curseur.
Nivoo Slider
Ceci est un portage MooTools du très populaire slo Niv jQuery.
Korx.Cycler
Un curseur vraiment robuste avec des effets de départ sympas qui permettent de passer de la galerie à la page.
Languette
Un curseur simple avec beaucoup de transitions différentes à choisir. Vous pouvez les essayer dans la démo.
ScrollGallery
Un joli curseur avec une liste horizontale de vignettes. La liste des miniatures s'étend réellement au-delà des limites de la galerie et défile pour en montrer plus en survol.
Carrousel
Pas de fioritures, juste un curseur super basique qui peut afficher plusieurs images à la fois.
Floom
Un autre curseur. Les transitions ici sont plutôt faciles, alors jetez un œil à la démo.
Progressivement
Celui-ci a une transition de morceau qui se scinde au milieu. Ce n'est pas aussi bon que certains des autres, mais vaut vraiment le coup d'oeil.
Lightboxes et Modals
LightFace
Vous ne pouvez pas faire un tour d'horizon des MooTools sans présenter le travail de David Walsh. C'est son plugin lightbox de style Facebook.
FloatBox
Une simple fenêtre modale pouvant contenir tout ce que vous voulez.
slideGallery
Une galerie horizontale qui fait défiler une série d’images via les boutons situés de chaque côté.
Onglets
Il n'y a vraiment pas grand chose à dire à ce sujet, ils vous donnent des onglets, purs et simples. Chacun le retire d'une manière légèrement différente, alors jetez-y un coup d'œil et voyez ce qui vous plaît le plus.
MGFX.Tabs
Composant TabPane MooTools simple
Dv Tabs
Tags et infobulles
mooTagify
mooTagify est un plugin de marquage vraiment cool qui vous permet d'entrer, de sauvegarder et de supprimer des tags. Il a fière allure et fonctionne parfaitement.
FloatingTips
Une simple info-bulle avec une flèche qui pointe vers le contenu d'origine.
MooImageTip
Cette info-bulle est un peu plus sophistiquée et a été conçue pour contenir des images et du texte.
Navigation et listes
Pilulier
PillMenu vous aide à créer des menus de navigation horizontale avec un effet de survol animé et personnalisable.
jsMultipleSelect
Celui-ci est assez cool. Il vous permet de sélectionner des éléments dans deux boîtes, qui sont ensuite déplacées vers une troisième boîte.
FantaisieChoisir
Un menu déroulant pouvant accueillir du texte et des icônes.
FantaisieSortable
FancySortable permet de trier les éléments de la liste en cliquant dessus. Cela ne pourrait vraiment pas être plus facile.
Formulaires et texte
MooComplete
MooComplete est un plugin que vous appliquez à un champ de texte pour la complétion automatique du texte. Il met à jour une liste déroulante en direct lorsque l'utilisateur tape.
Mailcheck
Mailcheck vérifie les adresses électroniques et fait des suggestions s'il pense qu'il y a une faute de frappe.
mForm
Une suite d'outils pour travailler avec des éléments de formulaire.
Sortilège
Le nom donne l’impression que c’est une sorte de correcteur orthographique, mais en réalité, le plugin prend un bloc de texte et le perd progressivement en lettre par lettre. Si vous avez besoin d'un? Révéler? effet de texte, c'est votre solution.
Outils d'image
Le mur
The Wall est l’un des plugins les plus cools de cette liste. Il faut un tas d’images, les jette ensemble et rend toute la surface déplaçable. Il y a un million d'applications différentes possibles, consultez le site pour voir quelques exemples intéressants.
Moogallery
Ce plugin transforme une liste d'images en une galerie complète avec un effet lightbox cliquable.
Mosaïque
La mosaïque donne à votre image une superposition de couleurs, puis la découpe en une grille. Lorsque vous survolez une partie de la grille, la superposition est désactivée pour cette partie (ou l'inverse de celle-ci). Cela crée un effet de serpent de fuite cool lorsque vous faites glisser votre curseur sur l'image.
Zoomer
Zoomer vous permet de regarder de plus près une image. Lorsque vous survolez l'image, il effectue un zoom avant sur ce point et vous permet d'effectuer un panoramique.
GniusBackground
Images d'arrière-plan plein écran sans tracas qui s'adaptent automatiquement à la largeur du navigateur tout en conservant leur rapport hauteur / largeur. Super pratique!
Instagram pour MooTools
Ce plugin vous permet d'afficher un flux Instagram pour un utilisateur ou une balise spécifique.
Cool interface utilisateur
Mooplay
Un lecteur vidéo MooTools HTML5. Il a des barres de progression, des contrôles de volume, des horodatages; les travaux.
CwCrop
CwCrop fournit une interface facile à utiliser permettant aux utilisateurs de recadrer leurs photos en direct.
Scrollbar.js
Une belle, propre, barre de défilement de style Apple.
MoogressBar
De belles barres de progression avec des animations et des événements de finition facultatifs.
ElementStack
Ce plugin présente à l'utilisateur une grille d'images, puis lorsque vous cliquez sur l'une des images, elles s'empilent toutes dans une grande pile. Vous ne savez pas pourquoi vous voulez faire ça, mais ça a l'air plutôt cool!
jsPalette
Une palette de couleurs de base pouvant être affichée en ligne ou sous forme de menu contextuel au clic.
Drag.Move.Inside
Ce plugin vous permet de faire glisser un élément et de contrôler s'il se trouve ou non à l'intérieur d'un autre élément. Cela pourrait être génial pour un jeu simple ou une interface utilisateur de tri manuel.
Drag.Move.Collide
Celui-ci fait la même chose que le dernier, mais il surveille si l'élément déplaçable touche ou non les autres éléments.
TableSorter
TableSorter vous aide à construire des tables avec des en-têtes de colonne sur lesquels vous pouvez cliquer pour trier les éléments de la table en fonction de ce critère.
Qu'avons-nous manqué?
Les quarante plugins ci-dessus représentent les meilleures ressources gratuites que j'ai pu trouver, mais je suis sûr que vous en connaissez beaucoup plus de plugins MooTools. Laissez un commentaire ci-dessous et dites-moi de vos favoris.
De plus, si vous recherchez encore plus de plugins MooTools, assurez-vous de consulter MooTools Forge, la source officielle de tout ce que MooTools propose.