40 fantastische jQuery-Plugins, die Sie auschecken müssen

Die jQuery-Entwickler-Community muss eine der großzügigsten und fleißigsten Gruppen im Web sein. Sie produzieren ständig erstaunlich nützliche und völlig kostenlose Tools, die sie mit jedem und jeder teilen, der sie verwenden möchte.

Die Quantität und Qualität der kostenlosen jQuery-Plugins überrascht mich immer wieder aufs Neue. Ich habe eine Liste mit einigen großartigen geführt, 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 fast jeder Webentwickler ausprobieren sollte.

Entdecken Sie Designressourcen

Scrollen

jQuery-Wegpunkte

Mit Wegpunkten können Sie auf einfache Weise JavaScript-Ereignisse an bestimmten Bildlaufpunkten auslösen. Haben Sie sich jemals gefragt, wie Leute diese erstaunlichen Bildlaufeffekte erstellen? Dies könnte Ihre Antwort sein.

skrollr

Parallaxen-Scrollen für die Massen. Skrollr hilft Ihnen bei allen Arten von Bildlaufeffekten, einschließlich Transformationen, Farbverschiebungen und mehr.

Diagramme, Animationen & Tabellen

Handsontable

Ein minimalistischer Ansatz für einen Excel-ähnlichen Tabelleneditor in HTML & jQuery. Das Ergebnis ist ziemlich beeindruckend. Sie sollten es auf jeden Fall ausprobieren, wenn Sie eine interaktive Tabelle erstellen möchten.

jQuery Sparklines

Mit jQuery Sparklines können Sie kleine Inline-Diagramme erstellen, die über HTML oder JavaScript mit Informationen versorgt werden.

Teamwork Gantt

Erstellen Sie mit jQuery unglaubliche Gantt-Diagramme. Ernsthaft beeindruckend für ein kostenloses Tool.

DataTables

Ein jQuery-Plugin zum Erstellen beeindruckender, hochfunktionaler Datentabellen. Mehrspaltige Sortierung mit Datentyperkennung, intelligenter Handhabung von Spaltenbreiten und mehr.

arbor.js

Erstellen Sie verrückt aussehende, futuristische, animierte und modulare Grafiken. Wirklich cooles Zeug.

Layout

Wookmark jQuery Plugin

Erstellen Sie ganz einfach ein Msonry-ähnliches Layout wie das auf Wookmark. Wir haben dies hier auf Design Shack vorgestellt.

jQuery Mauerwerk

Das ursprüngliche jQuery-Mauerwerk. Das Mauerwerk ordnet die Elemente vertikal an und positioniert jedes Element an der nächsten offenen Stelle im Raster.

Isotop

Ein erstaunliches Layout-Plugin, das intelligente und dynamische Raster von Elementen ermöglicht, die einfach sortiert und gefiltert werden können.

FitVids.JS

Ein leichtes, benutzerfreundliches jQuery-Plugin für Videoeinbettungen mit flüssiger Breite.

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 dieses auf jeden Fall versuchen.

Freetile.js

Ein weiteres Plugin für das Layout im Mauerwerkstil. Damit können Elemente jeder Größe ohne Verwendung eines Spaltenrasters mit fester Größe gepackt werden, sodass Sie sich nicht um die Angabe einer Spaltenbreite kümmern müssen, die der Größe Ihrer Elemente entspricht.

Text

jQuery TextExt Plugin

TextExt ist ein Plugin für jQuery, das Funktionen wie Tag-Eingabe und automatische Vervollständigung bietet. Laut dem Entwickler wurde es auf zwei Hauptwerten aufgebaut: Modularität und Erweiterbarkeit.

Jeditable

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, Klick, Doppelklick usw.

FitText

Ein Plugin zum Aufblasen des Web-Typs. Es ermöglicht tatsächlich die Verwendung von Text, dessen Größe mit dem Ansichtsfenster geändert wird. Sehr nützlich für responsives Webdesign.

Coole Benutzeroberfläche

jQuery Knob-Demo

Mit diesem Plugin können Sie wirklich coole kreisförmige Regler erstellen, die sich beim Scrollen drehen oder füllen.

noty - Ein jQuery-Benachrichtigungs-Plugin

Noty ist ein jQuery-Plugin, mit dem Sie als Alternative zum Standard-Warnungsdialog einfach Warn-, Erfolgs-, Fehler-, Warn-, Informations- und Bestätigungsmeldungen erstellen können. Jede Benachrichtigung wird einer Warteschlange hinzugefügt.

PageSlide

Mit diesem Plugin können Sie eine versteckte Seitenleiste erstellen, die so ziemlich alles enthält, was Sie möchten.

jQuery-Zusammenbruch

"Dieses Plugin bietet Ihnen eine zugängliche und einfache Lösung für ein weit verbreitetes Schnittstellenmuster, das als progressive Offenlegung bezeichnet wird." Das ist ausgefallen für ein Plugin, mit dem Sie Inhalte zusammenklappbar machen können.

Avgrund

Fantastische und einfache Modalboxen 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 von Seitenzahlen wie bei herkömmlichen Paginierungsmethoden anzuzeigen, verwendet jqPagination eine interaktive Eingabe "Seite 1 von 5", mit der der Benutzer bei Auswahl die gewünschte Seitenzahl eingeben kann.

jQuery Joyride Feature Tour Plugin

Dieses Plugin ist von ZURB, das sind wirklich alle Informationen, die ich brauche, um zu wissen, dass es großartig ist. Es hilft Ihnen dabei, kleine Beschriftungen zu erstellen, die Benutzer Schritt für Schritt durch die Funktionen Ihrer Website führen.

Tooltips

jQuery PowerTip

Ein ziemlich robustes und leistungsstarkes jQuery-Tooltip-Plugin mit vielen Optionen.

beschwipst

Ein weiteres großartiges Tooltip-Plugin. Dieser basiert lose darauf, Ihnen die Möglichkeit zu geben, Tooltips im Facebook-Stil zu erstellen.

Diashows, Bilder & Schieberegler

jQuery Slider Shock

Ein besonders vollständiger reaktionsschneller jQuery / WordPress-Schieberegler mit einer Vielzahl von Optionen, Einstellungen, Stilen und Funktionen. Sehr gut dokumentiert!

Backstretch

Backstretch erstellt dynamisch skalierte, Diashow-fähige Hintergrundbilder für jede Seite oder jedes Element.

jQuery Anystretch

Anystretch ist ein jQuery-Plugin, mit dem Sie jedem Element auf Seiten- oder Blockebene ein Hintergrundbild mit dynamischer Größe hinzufügen können. Das Bild wird an die Seite / das Element angepasst und automatisch angepasst, wenn sich die Fenstergröße ändert.

jQuery Lightbox

Ein einfacher Leuchtkasten basierend auf Prototyp und Skript.

FlexSlider 2

FlexSlider ist ein reaktionsschneller Bildschieberegler von WooThemes mit fantastischen Funktionen wie multidirektionalen Folienanimationen, semantischem Markup, Touch-Unterstützung und der Möglichkeit, HTML als Folie einzuschließen.

ColorBox

Ein weiteres einfaches Lightbox-Plugin. Unterstützt Fotos, Gruppierungen, Diashows, Ajax-, Inline- und iframed-Inhalte.

WOW Slider

Buchstäblich einer der besten, leistungsstärksten und voll ausgestatteten Schieberegler im Web. Es reagiert, hat viele verschiedene Übergänge und ist vollgepackt mit allem, was Sie brauchen könnten. Holen Sie es.

Verschiedenes

Timeago

Schnelle, einfache und automatisch aktualisierte Zeitstempel für jQuery. Beispiel: Vor ungefähr einem Tag.

jQuery-Validierung

Das jQuery Validation Plugin bietet eine Drop-In-Validierung für Ihre vorhandenen Formulare und vereinfacht alle Arten von Anpassungen, die an Ihre Anwendung angepasst sind.

Demo zum Hochladen von jQuery-Dateien

Ein ziemlich robustes Plugin zum Hochladen von Dateien für jQuery. Auswahl mehrerer Dateien, 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 die Implementierung jedes Schattens ist nur sehr wenig Code erforderlich.

Nacktes Passwort

Dieser ist lächerlich und möglicherweise beleidigend und ein wenig komisch. Um Benutzer zu ermutigen, sichere Passwörter zu implementieren, gibt es eine kleine, kartonartige und nicht detaillierte Darstellung (denken Sie an NES) eines Mannes oder einer Frau, die sich allmählich auszieht, wenn Ihre Passwortstärke zunimmt.

MotionCAPTCHA

Ich hasse CAPTCHAs mit verstümmelten Wörtern 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, perspektivieren, neigen, skalieren und mehr.

Was habe ich verpasst?

Dort haben Sie es, 40 herausragende jQuery-Plugins für alles, von Bildlaufeffekten bis hin zu Diagrammen und darüber hinaus. Hinterlasse mir unten einen Kommentar und erzähle mir von den großartigen Plugins, die du in letzter Zeit entdeckt oder noch besser gebaut hast. Hinterlassen Sie unbedingt einen Link, damit jeder einen Blick darauf werfen kann.

© Copyright 2024 | computer06.com