Ohne JavaScript und im Besonderen jQuery läuft heute im Webdesign gar nichts mehr. Tuts & Tipps stellt heute 10 wirklich nutzbringende Plugins und Ressourcen vor. Denn in der Flut der Veröffentlichungen fällt es schwer, den Überblick zu behalten und die Plugins und Ressourcen herauszufiltern, die wirklich nutzbringend sind. Daher hier eine handverlesene Liste mit brauchbaren Tools.

jQuery Photo Tagger Plugin

Mit diesem Plugin lassen sich Ausschnitte aus einem Foto mit Keywörtern taggen genau wie es Flickr umgesetzt hat. Der (vorher frei wählbare) gewählte Ausschnitt ist erst bei einem hovern des Bildes sichtbar und gibt dann die für den gewählten Ausschnitt sichtbaren Tags frei.

SlideDeck

Ein sehr stylisches und vor allem performantes SlideDeck. Es ist eine weitere und diesmal auch sehr ansprechende Variante eines horizontalen Sliders. Kann herorragend mit CSS angepasst werden. Ist auch in einer weitaus umfangreicheren; käuflichen Version (99 $) zu bekommen.

A Different Top Navigation

Top Navigationen gibt es sehr viele, diese sieht mal sehr interessant aus, kann hervorragend angepasst werden und bringt einen echten Mehrwert für die Besucher einer mit dieser Navigation ausgestatteten Seite. Ein Top-Tutorial wird gleich mitgeliefert und alle nötigen Dateien zum freien Download.

Die Fancybox – Apple Style Lightbox

Wenn es um das Thema Lightbox geht, bin ich normal nicht für jQuery Plugins zu haben, weil sie den heftigen Nachteil von viel zu großen JavaScript Dateien haben, die auf die Ladegeschwindigkeit und Performance einer Webseite gehen. Die Fancybox ist jedoch die einzige Ausnahme, weil Sie einfach toll aussieht und nebenbei nicht nur Bilder zoomen kann, sondern auch Ajax, Inline-Content, Iframe und coolerweise Videos schluckt. Also, echte Vorteile!

HowTo: A Mootools Homepage Inspired Navigation Effect

Eine Schritt für Schritt Anleitung, wie man eine Navigation erstellt, die die Effekte der Navigation der MooTools Homepage nutzt. Nun, auf der MooTools Homepage scheinen sie nicht mehr aktiv zu sein, attraktiv ist das Tutorial und der gezeigte Effekt schon.

Apple Style Slideshow

Apple ist immer wieder tonangebend im Design seiner Webseiten und nutzt ein klares und prägnantes Styling für interaktive Teile der Homepage. Diese Slideshow greift den Stil perfekt auf und bringt somit etwas Apple Flair auf die eigene Homepage.

Build An Incredible Login Form With jQuery

Sliding Top-Panels kann man immer wieder mal gebrauchen und hier ist ein schönes Tutorial, wie man eines erstellen kann. Man kann es z.B. als Login Panel verwenden Wie gezeigt oder einfach ohne den Loginteil, um Information darzustellen, die nicht immer sichtbar sein sollen.

SimpleModal Demos

SimpleModals sind eine sehr nützliche Sache, mit der man eine Menge anfangen kann. Zum Beispiel kann man ein Kontaktformular erstellen, welches von jeder Seite eines Blogs oder einer Homepage zugänglich ist. Man muss also nicht mehr die aktuelle Seite verlassen um eine Nachricht zu verfassen. Sozusagen die Lightbox für Kontaktformulare..

Sexy DropDown Menü

Da der Trend laut Studien immer mehr in Richtung To-Navigation geht, ist es extrem wichtig den User mit einer schönen und vor allem intuitiv zu bedienenden Variante glücklich zu machen. Hier ist eine der wirklich schönsten und besten, die ich überhaupt gesehen habe. Wirklich zu empfehlen!

Das Beste kommt zum Schluss

Die jQuery Tools

Die jQuery Tools sind eine Sammlung von Plugins, die schier unendliche Möglichkeiten bieten, bis ins Letzte anpassbar sind und einen Großteil aller denkbaren Sachen abdecken. Wenn ich jQuery einsetzen will/muss ist dies meine erste Anlaufstelle. Alle Plugins sind von kleiner Dateigröße und wenn benötigt werden sie gleich mit jQuery im Paket angeboten, was den Vorteil mit sich bringt, dass man nur eine Datei einbinden muß.

Für die allermeisten denkbaren Einsatzsituationen werden Demos gezeigt und der nötige Code für die einzelnen Demos ist hervorragend nachvollziebar dargestellt.

Mein Fazit:

Alle vorgestellten Plugins sind sehr nützlich und decken ein breites Einsatzspektrum ab. Die jQuery Tools hingegen sind immer mein persönlicher Favorit und schon extrem durchdacht und klasse.

Danke, dass Du diese Seite ausgedruckt hast! Bitte besuche uns gerne wieder, um weitere hilfreiche Artikel zu lesen.