Animationen auf Webseiten

Das Internet hat sich seit seiner Entstehung radikal verändert, so kamen die ersten Webseiten oft statisch daher, beinhalteten nur wenige Bilder und im Gegensatz zu heute keine Video- oder Audiodateien. Doch mit der Zeit wurden Webseiten immer komplexer und kamen zugleich auch optisch immer ansprechender daher.

Dabei kam in früherer Zeit zumeist Adobe Flash zum Einsatz, womit es auf einfache Weise möglich war, die Inhalte auf einer Webseite zu animieren. Da Flash allerdings mit diversen Problemen zu kämpfen hatte und nicht auf jedem System unterstützt wurde, etablierten sich mit der Zeit weitere Technologien zur Animation der Elemente auf einer Webseite. Wir möchten im Folgenden die heute meistgenutzten Möglichkeiten einmal vorstellen.

HTML5 & CSS3

HTML und CSS gehören seit jeher zum Standard, wenn es um die Erstellung einer Webseite geht. Daher ist es auch naheliegend, dass diese Technologien sich mit der Zeit immer weiterentwickelt haben und sich damit heute selbst einfache Animationen auf einer Webseite ausführen lassen. Im Gegensatz zu Adobe Flash, welches einst zur Erstellung von Animationen genutzt wurde, wird kein externes Plugin zum Abspielen der erstellten Animationen benötigt. Sämtliche Animationen laufen direkt auf der Webseite ab, welche der Besucher in seinem Webbrowser aufruft.

JavaScript & jQuery

Neben den einfachen Animationen, die sich mit Hilfe von HTML und CSS erstellen lassen, können derartige Animationen auch mit JavaScript oder jQuery erstellt werden. Wenngleich sich die Syntax dieser Sprachen recht stark von HTML oder CSS unterscheidet, kann es doch sinnvoll sein, sich mit den Eigenheiten von JavaScript vertraut zu machen. Denn hiermit lassen sich weitaus komplexere Animationen erstellen, als dies mit HTML und CSS auch nur im Ansatz möglich ist. Anfänger im Bereich der Webentwicklung können für die Erstellung auch auf das JavaScript-Framework jQuery zurückgreifen, wobei es sich um eine leicht vereinfachte Variante von JavaScript handelt, mit welcher ebenfalls die verschiedensten Arten von Animationen erstellt werden können.