münster-webdesign.net

Artikel mit ‘jQuery’ getagged

WordPress-Plugin: Link-Hover-Effect

Donnerstag, 04. Dezember 2008

WordPress-Plugin Link-Hover-Effect: Farbanimationseffekte für Hyperlinks

Name des WordPress-Plugins: Link-Hover-Effect

Ziel: Das Plugin dient als technische Demonstration für einen Grundlagenartikel für das PC-Praxis-Sonderheft zu WordPress von Data Becker.

Beschreibung: Das WordPress-Plugin “Link-Hover-Effect” fügt den Hyperlinks im Blog einen Farbanimationseffekt hinzu: Sobald der Mauszeiger sich über einem Link befindet, ändert sich die Farbe des Links nicht wie gewöhnlich schlagartig sondern stufenlos, bis die eingegebene Zielfarbe erreicht ist. Beim Verlassen läuft die Animation in umgekehrter Richtung ab.

Eine Variation dieses WordPress-Plugins ist auf dieser Seite installiert, und vermittelt einen Eindruck vom Effekt.

Start- und Zielfarbe der Animation können in der Pluginverwaltung angepasst werden. Der Animationseffekt wurde mit dem JavaScript-Framework jQuery realisiert.

Download: Link-Hover-Effect Version 1.0

Webdesign-Hingucker: CSS-Attribute mittels JavaScript animieren

Montag, 01. Dezember 2008

Um das Webdesign einer Seite aufzupeppen bietet JavaScript Webentwicklern unzählige Möglichkeiten. Allerdings ist die händische Programmierung meist recht aufwendig; gerade DHTML verlangt häufig nach Browser-spezifischen Lösungen, was die Umsetzung ungemein verkompliziert.

Daher liegt der Gedanke nahe, stattdessen auf eines der zahlreichen JavaScript-Frameworks zurückzugreifen. Besonders interessant sind dabei die Möglichkeiten, CSS-Attribute zu animieren. Neben hochwertigen Animationsroutinen sind dazu aber ebenso leistungsfähige Selektions- und Event-Handler-Routinen vonnöten.

Für die Entwicklung von Webdesign-Hinguckern haben wir daher verschiedene JavaScript-Frameworks intensiv auf ihre Fähigkeiten hinsichtlich der Animation von CSS-Eigenschaften und Webdesign-Elementen hin getestet.

(weiterlesen…)