Website-Icon Webdesign-Podcast

10+ coole und empfehlenswerte jQuery Plugins

In diesem Artikel möchte ich euch einige sehr empfehlenswerte jQuery Plugins vorstellen. Ich selber mag diese Art von Artikel ja ganz gerne, zum einen sind die Artikel für mich schnell geschrieben, zum anderen finde ich so bei der Suche nach coolen Plugins, selber immer wieder einige die unbedingt einmal ausprobiert werden müssen.

In der folgenden Liste werdet ihr sowohl ein paar Plugins finden die bereits relativ bekannt sind und auch ein paar kleinere unbekannte.

jQuery UI

Mit dem ersten Plugin breche ich direkt die eigentliche Vorgabe der Überschrift, denn bei der jQuery UI handelt es sich weniger um ein einfaches Plugin, als um eine on top Erweiterung des jQuery Frameworks. jQuery UI stellt eine vielzahl an User Interface Funktionen zur Verfügung und deckt damit eine großen Bereich ab, dass soll heißen man könnte alleine mit der jQuery UI ein umfangreiches Backend für eine Webanwendung realisieren oder moderne Websites bauen.

Es gibt zum Beispiel folgende Funktionen und Interaktionen: Accordion, Autocomplete, Draggable, Droppable, Resizable uvm.

www.jQueryUI.com

jQuery simple FadeSlideShow

Einige von euch wissen es vielleicht schon: Die simple FadeSlideShow ist von mir, daher wundert es natürlich nicht, dass ich sie hier aufführe. Bei diesem Plugin handelt es sich um einen einfachen Image und Content Fader, mit der Möglichkeit mehrere Bedienelemente ein- oder auszublenden. Das simple FadeSlideShow Plugin zeichnet sich durch eine außerordentlich hohe Anpassbarkeit und viele Optionen für individuelle Einstellungen aus. Weiterhin verfügt sie über Feature wie eine Tastatursteuerung und einzeln schaltbare Funktionen.

www.simplefadeslideshow.comDeutsche Anleitung auf Webdesign-Podcast.de

jParallax

jParallax ist ein schönes jQuery Plugin, dass sich gerade für Header-Grafiken und Umgebungsdarstellungen eignet, es legt Bilder in mehreren Ebenen übereinander und verändert die Position der Ebenen je nach Mausbewegung. Dies stellt eine reale Änderung des Blickwinkels dar, dieser Effekt nennt sich Parallaxe-Effekt, daher auch der Name.

jParallax – Website

Validation

Das jQuery Validation Plugin von bassistance.de ist ein sehr umfangreiches Plugin zum validieren von Formularen. Die Vorteile liegen klar auf der Hand: Es ist sehr einfach und hat trotzdem einen sehr großen Funktionsumfang. Viele Einstellungsvarianten und AJAX-Formularfähig.

Plugin-Seite auf bassistance.dejQuery Projekt-Seite

jQuery BlockUI Plugin

Das BlockUi Plugin ist ein sehr schönes Plugin für Webanwendungen, wie der Name schon sagt sperrt das Plugin zum Beispiel den kompletten Bildschirm während eines Ladevorgangs. Diese Funktion kann vor allem bei Webanwendungen sehr nützlich seinen, des Weiteren ermöglicht das Plugin Benachrichtigungen im Stil von Growl (einem Systembenachrichtigungsdienst für Mac OS).

jQuery BlockUI Plugin Webseite

jQuery.ScrollTo

Dieses Plugin ermöglicht smarte animierte Scroll-Vorgänge von internen Links / Ankern.

jQuery.scrollTo WebseitejQuery Plugin Seite

Simple Star Rating System

Simple Star Rating System ist stellt eine komplette UI und Datenübermittlung für ein Bewertungssystem zur Verfügung. Mit diesem Plugin lassen sich also einfache Bewertungssysteme für Blogartikel oder Fotos basteln.

Slider Gallery

Mit diesem Plugin lassen sich Slider realisieren, wie zum Beispiel dem Produktauswahl-Slider auf apple.com.

Projekt-Webseite

Coda Popup Bubbles

Die Softwareschmiede Panic hatte auf der Webseite für ihren Programmier-Editor „Coda“ (daher auch der Name dieses Plugins) einen netten Info-Bubble Effekt über dem Download-Link. Das Plugin Coda Popup Bubbles stellt genau diese Info-Bubble Funktion zur Verfügung.

iconDock

Das jQuery Plugin iconDock stellt quasi den Mac OS Dock Effekt zur Verfügung. Wer selber keinen Mac hat sollte sich einfach einmal die Demo’s ansehen, alle anderen sollten wissen was ich meine.

Quicksand

Dieses Plugin stellt ein cooles animiertes Filtersystem zur Verfügung.

Quicksand Webseite

jQZoom

Dieses Plugin dürfte aus einigen Online-Shops bekannt sein: Man bewegt die Maus über ein Produktbild und kann so einen speziellen Ausschnitt gezoomz betrachten.

jQZoom Webseite

Airport Text Effect

Bei diesem Plugin handelt es sich um eine Text-Animation im Flughafen Anzeigetafel Stil.

Die mobile Version verlassen