Die jQuery-Entwicklergemeinschaft muss eine der großzügigsten und fleißigsten Personengruppen im Web sein. Sie stellen ständig erstaunlich nützliche und vollständig kostenlose Tools bereit, die sie mit jedem und jedem teilen, der sie verwenden möchte.
Die Quantität und Qualität der kostenlosen jQuery-Plugins überrascht mich immer wieder. Ich habe eine Liste einiger großartiger aufbewahrt, die ich in letzter Zeit gefunden habe, und ich dachte, ich würde sie mit Ihnen teilen. Hier sind 40 fantastische und kostenlose jQuery-Plugins, die sich fast jeder Webentwickler ansehen sollte.
Scrollen
jQuery-Wegpunkte
Wegpunkte ermöglichen das einfache Auslösen von JavaScript-Ereignissen an bestimmten Bildlaufpunkten. Haben Sie sich jemals gefragt, wie die Leute diese erstaunlichen Scrolleffekte aufbauen? Das könnte deine Antwort sein.
Skrollr
Parallax Scrolling für die Massen. Skrollr unterstützt Sie bei allen möglichen Scrolleffekten, einschließlich Transformationen, Farbverschiebungen und mehr.
Diagramme, Animationen & Tabellen
Handsontable
Ein minimalistischer Ansatz für einen Excel-ähnlichen Tabelleneditor in HTML & jQuery. Das Ergebnis kann sich sehen lassen, wenn Sie eine interaktive Tabelle erstellen wollen.
jQuery Sparklines
Mit jQuery Sparklines können Sie kleine Inline-Diagramme erstellen, die über HTML oder JavaScript mit Informationen versorgt werden.
Teamarbeit Gantt
Erstellen Sie mit jQuery unglaubliche Gantt-Diagramme. Ernsthaft beeindruckend für ein kostenloses Tool.
DataTables
Ein jQuery-Plugin zum Erstellen beeindruckender, hochfunktioneller Datentabellen. Mehrspaltensortierung mit Datentyperkennung, intelligentes Bearbeiten von Spaltenbreiten und mehr.
Arbor.js
Erstellen Sie verrückte, futuristische, animierte und modulare Diagramme. Wirklich cooles Zeug.
Layout
Wookmark jQuery Plugin
Erstellen Sie einfach ein Msonry-ähnliches Layout wie das von Wookmark. Wir haben dies hier auf Design Shack vorgestellt.
jQuery Maurerarbeit
Das ursprüngliche jQuery-Mauerwerk. Mauerwerk ordnet Elemente vertikal an und positioniert jedes Element an der nächsten offenen Stelle im Raster.
Isotop
Ein erstaunliches Layout-Plugin, das intelligente und dynamische Artikelraster ermöglicht, die leicht sortiert und gefiltert werden können.
FitVids.JS
Ein leichtes, benutzerfreundliches jQuery-Plugin für Video-Einbettungen in Fluidbreite.
gridster.js
Gridster ist ein wirklich erstaunliches Plugin, mit dem Sie flexible Rasterlayouts erstellen können, die per Drag & Drop neu angeordnet werden können. Sie sollten es auf jeden Fall versuchen.
Freetile.js
Ein weiteres Plugin für das Mauerwerk-Layout. Es ermöglicht das Packen jeder Größe von Elementen ohne Verwendung eines Spaltengitters mit fester Größe. Sie müssen sich also keine Gedanken machen, eine Spaltenbreite anzugeben, die der Größe Ihrer Elemente entspricht.
Text
jQuery TextExt Plugin
TextExt ist ein Plugin für jQuery, das Funktionen wie Tag-Eingabe und Autovervollständigung bereitstellt. Nach Angaben des Entwicklers wurden zwei Hauptwerte zugrunde gelegt: Modularität und Erweiterbarkeit.
Bearbeitbar
Mit Jeditable können Sie festlegen, dass bestimmte HTML-Elemente vom Benutzer bearbeitet werden können. Sie können sogar verschiedene Arten von Ereignissen einrichten, um Bearbeitungsfunktionen auszulösen: Hover, Klicken, Doppelklicken usw.
FitText
Ein Plugin zum Aufblasen der Webart. Tatsächlich ist es möglich, Text zu haben, dessen Größe mit dem Ansichtsfenster geändert wird. Äußerst nützlich für responsives Webdesign.
Coole Benutzeroberfläche
jQuery Knob Demo
Mit diesem Plugin können Sie wirklich coole kreisförmige Knöpfe erstellen, die sich beim Scrollen drehen oder auffüllen.
noty - Ein jQuery-Benachrichtigungs-Plugin
Noty ist ein jQuery-Plugin, das die Erstellung von Warnungen, Erfolg, Fehlern, Warnungen, Informationen und Bestätigungsmeldungen als Alternative zum Standard-Warnungsdialogfeld vereinfacht. Jede Benachrichtigung wird einer Warteschlange hinzugefügt.
PageSlide
Mit diesem Plugin können Sie eine verborgene, einschiebbare Seitenleiste erstellen, die so ziemlich alles enthält, was Sie möchten.
jQuery Collapse
? Dieses Plugin bietet Ihnen eine leicht zugängliche Lösung für ein weit verbreitetes Schnittstellenmuster, das als progressive Disclosure bezeichnet wird.? Das ist fantastisch für ein Plugin, mit dem Sie Inhalte kollabieren lassen.
Avgrund
Tolle und einfache modale Boxen mit einem wirklich coolen Seitenanimationseffekt.
jQuery One Page Navigation
Reibungslose Navigation und Animation für einzelne Seiten. Super einfach, unglaublich praktisch.
jqPagination
Ein tolles kleines Paginierungs-Plugin. Anstatt eine Liste mit Seitennummern wie herkömmliche Paginierungsmethoden anzuzeigen, verwendet jqPagination eine interaktive "Seite 1 von 5" -Eingabe, bei der der Benutzer bei Auswahl die gewünschte Seitennummer eingeben kann.
jQuery Joyride Feature-Tour-Plugin
Dieses Plugin ist von ZURB, was wirklich alles ist, was ich brauche, um zu wissen, dass es großartig ist. Es hilft Ihnen dabei, kleine Callouts zu erstellen, die den Benutzer Schritt für Schritt durch die Funktionen Ihrer Website führen.
Tooltips
jQuery PowerTip
Ein recht robustes und leistungsstarkes jQuery-Tooltip-Plugin mit vielen Optionen.
beschwipst
Ein weiteres großartiges Tooltip-Plugin. Dieses basiert darauf, dass Sie die Möglichkeit haben, Tooltips im Facebook-Stil zu erstellen.
Diashows, Bilder und Slider
jQuery Slider Shock
Ein bemerkenswert vollständiger jQuery / WordPress-Schieberegler mit zahlreichen Optionen, Einstellungen, Stilen und Funktionen. Sehr gut dokumentiert!
Rücken strecken
Backstretch erstellt für jede Seite oder jedes Element dynamisch skalierte, Diashow-fähige Hintergrundbilder.
jQuery Anystretch
Anystretch ist ein jQuery-Plugin, mit dem Sie einem Hintergrund- oder Blockebenenelement ein dynamisch skaliertes Hintergrundbild hinzufügen können. Das Bild wird an die Seite / das Element angepasst und die Größe wird automatisch angepasst, wenn sich die Fenstergröße ändert.
jQuery Lightbox
Ein einfacher Leuchtkasten basiert auf Prototyp und Skriptaculous.
FlexSlider 2
FlexSlider ist ein responsiver Bildschieberegler von WooThemes mit fantastischen Funktionen wie mehrseitige Animationen, semantisches Markup, Touch-Unterstützung und die Möglichkeit, HTML als Folie einzubinden.
ColorBox
Ein weiteres einfaches Lightbox-Plugin. Unterstützt Fotos, Gruppierung, Diashow, Ajax-, Inline- und iframed-Inhalte.
WOW Slider
Wörtlich einer der besten, leistungsstärksten und voll ausgestatteten Schieberegler im Internet. Es ist ansprechend, hat viele verschiedene Übergänge und ist vollgepackt mit allem, was Sie brauchen könnten. Holen Sie es.
Verschiedenes
Timeago
Schnelle, einfache und automatische Aktualisierung von Zeitstempeln für jQuery. Beispiel: Vor ungefähr einem Tag.
jQuery-Validierung
Das jQuery-Validierungs-Plugin bietet eine Drop-In-Validierung für Ihre vorhandenen Formulare, während Sie alle Arten von Anpassungen an Ihre Anwendung anpassen können.
jQuery File Upload Demo
Ein ziemlich robustes Plug-in für das Hochladen von Dateien für jQuery. Mehrere Dateiauswahl, Drag & Drop-Unterstützung, Fortschrittsbalken und Vorschaubilder für jQuery.
jQuery Instagram
Möchten Sie einen Instagram-Feed auf Ihrer Webseite anzeigen? Mit diesem kleinen Werkzeug können Sie.
jQuery Shadow Plugin
Fügen Sie Ihren HTML-Elementen ganz einfach verschiedene Arten von Schatten hinzu. Für jeden Schatten ist sehr wenig Code erforderlich.
Nacktes Passwort
Dieser ist lächerlich und möglicherweise anstößig und ein bisschen komisch. Um Benutzer zu ermutigen, sichere Kennwörter zu implementieren, gibt es eine kleine, kartonierte und nicht detaillierte Abbildung (denken Sie an NES) von einem Mann oder einer Frau, die sich mit zunehmender Kennwortstärke allmählich entkleidet.
MotionCAPTCHA
Ich hasse verstümmelte Wort-CAPTCHAs so sehr, dass ich einen Artikel darüber schrieb, warum wir sie töten sollten. Dieses Plugin bietet eine einzigartige Alternative, mit der der Benutzer die Sicherheit umgehen kann, indem er Formen zeichnet.
jQuery Transit
Superglatte CSS3-Transformationen und Übergänge für jQuery. Drehen, Perspektive, Neigung, Skalierung und mehr.
Was habe ich verpasst?
Dort stehen Ihnen 40 herausragende jQuery-Plugins für alles zur Verfügung, vom Scrollen bis zu Diagrammen und darüber hinaus. Hinterlasse mir einen Kommentar und erzähle mir von den großartigen Plugins, die du in letzter Zeit entdeckt hast oder besser noch gebaut hast. Verlassen Sie unbedingt einen Link, damit jeder einen Blick darauf werfen kann.