Effekte für Webseiten mit jQuery

Im ArtAtm Design Blog stellt Jitendra Purohit 25 Fantastic jQuery Techniques and Effects For Creating Awesome Websites vor. Besonders beeindruckt hat mich das Beispiel „spritely.net“. Die animierten Vögel lassen sich per Mauszeiger nicht nur vor dem bewegten Hintergrund steuern, sondern frei über die ganze Seite ziehen. Beim „Image Scroller“ kann der Betrachter die wie ein Film vor seinem Auge vorbeiziehenden Symbole per Mouseover stoppen und per Klick dem integrierten Link folgen. Insgesamt fünfundzwanzig spannende Beispiele mit Schwerpunkt auf Bildergalerien und Navigationselementen.

Eine ähnliche Zusammenstellung präsentiert auch Kalim Fleet mit seinen 20+ Demos Showing Advanced jQuery Effects für das webdesignerdepot.com. Neben vielen Überschneidungen sind auch einige abweichende Tipps dabei, so z. B. „Making a Photoshoot Effect“. Gut gefallen hat mir auch die „Awesome Bubble Navigation“ und der „Apple-like Retina Effect.“

Bereits im letzten Jahr zeigte Thomas Reif seine 43 schönsten Jquery Plugins für Webdesign auf reizkraft.com. Meine Favoriten hier: „Flip“ – lässt eine Karte in vier verschiedene Richtungen rotieren, „jqDock“ – Mac-Feeling für Website-Menüs und der Page Peel Effekt „Sexy Curl“. Empfehlenswert sind außerdem die Beispiele von Drew Douglass, der in seinem Beitrag „The Most 20 Practical and Creative Uses of jQuery” u. a. auf das Grooveshark Widget hinweist.

Eine ebenfalls etwas ältere Auflistung von jQuery-Einsätzen findet sich im Artikel 45+ New jQuery Techniques For Good User Experience von Noura Yehia für das Smashing Magazine. Der Beitrag ist schön übersichtlich, da die Autorin ihre Beispiele in funktionale Gruppen zusammenfasst. Neben den üblichen Bildergalerien und Effekten für die Benutzersteuerung stellt sie auch die Anwendung von jQuery für die Online-Bearbeitung von Formularen und Tabellen vor.