201125Sep

CSS Load: Dynamische CSS-Preloader erstellen

Einige werden den Dienst bereits kennen: Er ist ähnlich wie Spin.js aufgebaut und bietet die Möglichkeit, dynamische Preloader zu erzeugen, die ohne den Einsatz von Grafiken auskommen. Bei CSS Load kommt im Gegensatz zu "Spin.js" kein JavaScript, sondern nur CSS3 und HTML zum Einsatz. Durch deren Kombination können verschiedene Preloader dargestellt werden.

Loading CSS spinners and bars generator for AJAX & JQuery

CSS Load stellt prinzipiell einen Konfigurator dar, über den sich Dimensionen, Farben und Geschwindigkeit eines Preloaders einstellen lassen. Per Knopfdruck wird der entsprechende Code erzeugt und kann anschließend kopiert und in einem eigenen Projekt verwendet werden. Bisher stehen 6 vordefinierte Preloader-Animationen zur Auswahl bereit. Der Wermutstropfen besteht darin, dass eine bestimmte DOM-Struktur bestehen muss, die einen Preloader repräsentiert. Daher kann aus semantischer Sicht eine JavaScript-Lösung von Vorteil sein, da zuvor keine Container definiert werden müssen.