Bewegte Elemente in Webseiten

Professionelle Möglichkeiten eine Webseite interessanter zu machen

In den Anfängen der Erstellung von Webseiten in den 90er Jahren konnte man vielerlei bewegte Elemente auf Webseiten entdecken: blinkende Bilder, Laufschriften, Mauscursor mit Sternenschwänzchen und vielerlei Kapriolen mehr. Dadurch, dass diese frühen Animationen auf unterschiedlichste Weise erstellt wurden und nicht von jedem Browser gelich gut dargestellt werden konnten, erkannte man, dass es besser ist, nur das zu zeigen, was möglichst allen Internetusern verwendet werden kann. Der Trend ebbte - zumindest auf professionellen Geschäftswebseiten - stark ab.

Inzwischen ist die Entwicklung jedoch weitergegangen und mit der Entwicklung von besserem Werkzeug die Handhabung so verbessert worden, dass wieder vermehrt animierte Effekte auf Webseiten eingesetzt werden und die darüberhinaus oft sogar einen Vorteil für die Bedien- und Benutzungsfreundlichkeit darstellen.

Womit werden eigentlich die Animationen gemacht?

Eine Webseite besteht im Wesentlichen aus html Elementen. Wie diese Elemente aussehen beschreibt man mit CSS, wie sie sich bewegen sollen mit Javascript. Diese Scriptsprache ist in der Lage auf die statischen html-Elemente zuzugreifen und sie in Bewegung zu setzen.

Nachdem es einige Gründe gibt, die gegen eine Verwendung von Javascript auf Webseiten sprechen, haben sich in den letzten 2-3 Jahren besonders zwei Javascript-Bibliotheken hervorgetan, die - sinnvoll eingesetzt - durchaus verwendet werden können: Mootools und jquery. Es gibt natürlich noch einige mehr (z.B. prototype und scriptacolous ) aber mootools und jquery sind sehr weit verbreitet. Es gibt im Netz zahlreiche Beispiele, die nachgebaut werden dürfen und die ich für Sie in Ihrer Webseite einsetzen kann.

Nachfolgend ein paar nachgebaute Beispiele, die ich im Netz gefunden habe: