Vor kurzem haben wir eine hervorragende Sammlung von 40 jQuery-Plugins veröffentlicht, die jeder Entwickler überprüfen sollte. Heute verfolgen wir das mit etwas Liebe für die MooTools-Zuschauer.
Wie bei jQuery gibt es auch bei MooTools eine großartige Community von Entwicklern, die ständig kostenlose Plugins für alle Arten von Aufgaben und Schnittstellen bereitstellt. In dieser Sammlung finden Sie Plugins für Slider, Lightboxes, Tags, Navigation und vieles mehr.
Schieberegler & Lightboxen
MooTools DiaShow
Eine der besten MooTools-Diashows. Es ist einfach zu bedienen, wunderschön und voller Funktionalität. Beginnen Sie hier, wenn Sie einen Schieberegler benötigen.
Nivoo Slider
Dies ist ein MooTools-Port des beliebten Nivo-jQuery-Schiebereglers.
Korx.Cycler
Ein wirklich robuster Slider mit coolen Starteffekten, der die Galerie in die Seite springt.
Tab
Ein einfacher Schieberegler mit vielen verschiedenen Übergängen zur Auswahl. Sie können sie in der Demo ausprobieren.
ScrollGallery
Ein schöner Schieberegler mit einer horizontalen Liste von Miniaturansichten. Die Miniaturbildliste erstreckt sich tatsächlich über die Grenzen der Galerie hinaus und blättert, um mehr Informationen zum Schwebeflug anzuzeigen.
Karussell
Kein Schnickschnack, nur ein super einfacher Slider, der ein paar Bilder gleichzeitig zeigen kann.
Floom
Noch ein Schieberegler Die Übergänge hier sind ziemlich glatt. Schauen Sie sich also die Demo an.
Allmählich
Dieser hat einen Brockenübergang, der die Mitte nach unten spaltet. Es ist nicht so gut wie andere, aber es lohnt sich auf jeden Fall einen Blick darauf zu werfen.
Lightboxen und Modals
LightFace
Sie können keine MooTools-Zusammenfassung durchführen, ohne die Arbeit von David Walsh vorzustellen. Dies ist sein Lightbox-Plugin im Facebook-Stil.
FloatBox
Ein einfaches modales Fenster, in dem Sie alles aufnehmen können, was Sie möchten.
SlideGallery
Eine horizontale Galerie, die über die Schaltflächen auf beiden Seiten durch eine Reihe von Bildern blättert.
Tabs
Es gibt wirklich nicht viel zu sagen, sie geben Ihnen Tabs, rein und einfach. Jeder zieht es auf eine etwas andere Weise aus, also checke sie aus und finde heraus, welche dir am besten gefällt.
MGFX.Tabs
Einfache MooTools-TabPane-Komponente
Dv-Registerkarten
Tags und Tooltips
mooTagify
mooTagify ist ein wirklich cooles Tagging-Plugin, mit dem Sie Tags eingeben, speichern und löschen können. Es sieht gut aus und funktioniert perfekt.
FloatingTips
Ein einfacher Text-Tooltip mit einem Pfeil, der auf den ursprünglichen Inhalt zeigt.
MooImageTip
Dieser Tooltip ist ein bisschen schicker und wurde für die Aufnahme von Bildern und Text erstellt.
Navigation & Listen
PillMenu
PillMenu hilft Ihnen beim Erstellen horizontaler Navigationsmenüs mit einem anpassbaren animierten Hover-Effekt.
jsMultipleSelect
Dieser ist ziemlich cool. Sie können Elemente aus zwei Boxen auswählen, die dann in eine dritte Box verschoben werden.
FancySelect
Ein Dropdown-Menü mit Text und Symbolen.
FancySortable
FancySortable macht Listenelemente durch Klicken und Ziehen sortierbar. Es könnte wirklich nicht einfacher sein.
Formulare und Text
MooComplete
MooComplete ist ein Plugin, das Sie zur automatischen Textvervollständigung auf ein Textfeld anwenden. Es aktualisiert eine Dropdown-Liste live, wenn der Benutzer eingibt.
Mailcheck
Mailcheck prüft die E-Mail-Adressen noch einmal und macht Vorschläge, wenn ein Tippfehler vorliegt.
mForm
Eine Reihe von Tools zum Arbeiten mit Formularelementen.
Zaubershow
Der Name klingt so, als wäre dies eine Art Rechtschreibprüfung, aber das Plugin nimmt tatsächlich einen Teil des Textes und blendet ihn schrittweise in einem Buchstaben ein. Wenn Sie eine "Enthüllung" benötigen? Texteffekt, das ist Ihre Lösung.
Bildwerkzeuge
Die Wand
The Wall ist eines der coolsten Plugins auf dieser Liste. Es nimmt eine Reihe von Bildern, wirft sie zusammen und macht den gesamten Bereich ziehbar. Es gibt eine Million verschiedene Anwendungsmöglichkeiten. Schauen Sie sich die Website an, um einige großartige Beispiele zu sehen.
Moogallerie
Dieses Plugin verwandelt eine Liste von Bildern in eine Galerie mit einem anklickbaren Leuchtkasten-Effekt.
Mosaik
Mosaik verleiht Ihrem Bild eine Farbüberlagerung und schneidet es in ein Raster ein. Wenn Sie den Mauszeiger über einen Teil des Gitters bewegen, wird die Überlagerung für diesen Teil deaktiviert (oder umgekehrt). Wenn Sie den Mauszeiger über das Bild ziehen, wird ein cooler Schlingereffekt erzeugt.
Zoomer
Mit dem Zoomer können Sie ein Bild genauer betrachten. Wenn Sie den Mauszeiger über das Bild bewegen, wird der betreffende Punkt vergrößert und Sie können schwenken.
gniusBackground
Mühelose Hintergrundbilder im Vollbildmodus, die sich automatisch an die Breite des Browsers anpassen und dabei das Seitenverhältnis beibehalten. Super praktisch!
Instagram für MooTools
Mit diesem Plugin können Sie einen Instagram-Stream für einen bestimmten Benutzer oder ein bestimmtes Tag anzeigen.
Coole Benutzeroberfläche
Mooplay
Ein MooTools HTML5-Videoplayer. Es verfügt über Fortschrittsbalken, Lautstärkeregler und Zeitstempel. die Werke.
CwCrop
CwCrop bietet Ihnen eine einfach zu bedienende Benutzeroberfläche, mit der Benutzer Fotos live online zuschneiden können.
Scrollbar.js
Eine schöne, saubere Bildlaufleiste im Apple-Stil.
MoogressBar
Toll aussehende Fortschrittsbalken mit optionalen Animationen und Abschlussereignissen.
ElementStack
Dieses Plugin stellt dem Benutzer ein Raster von Bildern zur Verfügung. Wenn Sie dann auf eines der Bilder klicken, stapeln sich alle zu einem großen Stapel. Nicht sicher, warum Sie das tun möchten, aber es sieht ziemlich cool aus!
jsPalette
Eine grundlegende Farbpalette, die beim Klicken inline oder als Popup-Menü angezeigt werden kann.
Drag.Move.Inside
Mit diesem Plugin können Sie ein Element ziehen und überwachen, ob es sich derzeit in einem anderen Element befindet. Es könnte für ein einfaches Spiel oder eine manuelle Sortieroberfläche nützlich sein.
Drag.Move.Collide
Diese Funktion hat dieselbe Funktion wie die letzte Funktion. Sie überwacht nur, ob das ziehbare Element die anderen Elemente berührt.
TableSorter
TableSorter hilft Ihnen beim Erstellen von Tabellen mit Spaltenüberschriften, auf die geklickt werden kann, um die Elemente in der Tabelle nach diesen Kriterien zu sortieren.
Was haben wir vermisst?
Die vierzig Plugins oben stellen die besten kostenlosen Ressourcen dar, die ich finden konnte, aber ich bin mir sicher, dass Sie ein paar weitere großartige MooTools-Plugins kennen. Hinterlasse einen Kommentar und erzähle mir von deinen Favoriten.
Wenn Sie auf dem Markt für noch mehr MooTools-Plugins sind, sollten Sie unbedingt MooTools Forge, die offizielle Quelle für alle MooTools-Produkte, besuchen.