Web-Layout: Mit CSS-Generatoren schneller zur fertigen Website
Moderne Web-Layouts nutzen CSS – egal, ob bei statischen Websites, Blogs oder Shops. CSS-Generatoren unterstützen angehende Webdesigner und Profis.
- Vladimir Simović
Mit CSS können Sie heute hochkomplexe Layoutraster und visuelle Effekte wie Transformationen und Animationen umsetzen – ganz ohne Photoshop oder JavaScript. Der große Funktionsumfang ist für viele Neulinge aber eine Hürde. Mit CSS-Generatoren tasten Sie sich spielerisch an das Thema CSS heran: Per Webformular geben Sie ein, wie Sie ein Element gestalten möchten. Die Webdienste spucken in Echtzeit die grafische Ausgabe und den Code aus – einfacher geht es kaum. Wer CSS und das Webdesign durchdringen will, kommt aber trotz der Code-Automaten nicht darum herum, sich die Grundlagen anzueignen.
Und auch Entwickler mit langjähriger Erfahrung können sich von CSS-Generatoren helfen lassen: CSS ist so vielseitig, dass sie sich nicht alles merken können. In diesem Artikel stellen wir Ihnen exemplarisch einige Online-Dienste vor, mit denen wir gute Erfahrungen gemacht haben. Alle erwähnten Dienste sind kostenlos, sofern nicht anders erwähnt.
Farbverläufe
Mit Farbverläufen lässt sich das Zusammenspiel zwischen Generator, dem erzeugten Code und dem gerenderten Ergebnis veranschaulichen – auch wenn solche Farbenspiele bei vielen Entwicklern verpönt sind. Bei cssgradient.io kann jedermann schnell einen Farbverlauf entwerfen. Die englischsprachige Site eignet sich insbesondere für Einsteiger gut, weil sie viele Grundlagen rund um Farbverläufe erklärt und Beispiele bereithält.
Das war die Leseprobe unseres heise-Plus-Artikels "Web-Layout: Mit CSS-Generatoren schneller zur fertigen Website". Mit einem heise-Plus-Abo können sie den ganzen Artikel lesen und anhören.