Wordpress Performance Wordpress SEO Wordpress Security Wordpress Themes Wordpress Hosting Mein Setup Das Buch

Ajax Loading Animationen in CSS3

Ajax Loading Animationen in CSS3

Ajax Loading Animationen mit CSS3

Animationen zum Laden von Inhalten sind heiß begehrt, denn Ajax ist voll im Trend und somit werden auch immer wieder Platzhalter benötigt. Doch die liegen meist nur im Gif-Format vor, nicht unbedingt ideal und platzsparend schon gar nicht. Bis so eine .gif geladen ist, vergeht Zeit, Zeit die auf größeren Websites die Ladezeit negativ beeinflusst bzw. beeinflussen kann. Das will niemand und dank CSS3 braucht es auch niemand mehr, denn Ajax Loading Animationen lassen sich jetzt einfach mit CSS3 erstellen. Wie das geht, zeigt Web-Entwickler Nikesh in seinem Blog. Dort werden verschiedene Methoden vorgestellt und vor allem auch erklärt.

CSS3 Ajax Loading Animationen mit Anleitung

Nikesh setzt dabei auf bereits bekannte Ajax Loading Images. Er erfindet das Rad also nicht neu, sondern setzt die bekannten Grafiken gekonnt mit CSS3 um. Minimal also, genau das was moderne Websites wollen und brauchen. Eine Demo mit lauffähigen Beispielen findet ihr hier, die Anleitung gibt es im Blog. Ich finde die Animationen jedenfalls sehr gelungen, auch wenn sie letztendlich nur schon bekannte kopieren. Was ich mir mal wirklich wünsche würde, wäre mal eine völlig neue Idee einer Ladeanzeige, doch was sich da noch umsetzen ließe, weiß ich aktuell gar nicht, vielleicht fällt euch ja etwas ein.



Wordpress Performance eBook