Vor einigen Tagen stellte Kollege Denis Potschien hier den CSS Gradient-Generator von Colorzilla vor, eine Web-App, mit der sich CSS3-Farbverläufe visuell arrangieren lassen. Aktuell steht im Mac Appstore eine Software namens CSS3 Toolkit zur kostenlosen Installation bereit, die das und noch mehr vom Komfort einer Desktop-App aus leistet. Nur schnell müssen Sie sein, denn die Software wird vermutlich nicht lange kostenlos bleiben.

CSS3 Toolkit erlaubt komplexe Styles per komfortabler UI

Das CSS3 Toolkit von Moople ist nicht neu. Das letzte Update stammt immerhin aus Dezember 2011. Neu ist lediglich der Preis. Kostete die App bislang bis zu 10 Euro, gibt Moople zum Launch seiner Browserapp Aptus, quasi zur Feier des Tages, einen aus. Derzeit kann die CSS3 Toolkit also kostenlos über den Appstore bezogen werden.

Die App erlaubt das Zusammenklicken komplexer CSS3-Styles mittels einer mac-typisch simplen grafischen Oberfläche. Dabei ist die Vorgehensweise nebst Bedienung sehr einfach und stellt selbst unbedarfte Anwender nicht vor Rätsel. Zunächst gilt es grundlegende Einstellungen vorzunehmen. Welche Höhe und Breite in Pixeln, sowie welche Farben soll das zu generierende Element nebst Canvas haben?

Danach stellt man den Border-Radius ein, der für jede Ecke unterschiedlich konfiguriert werden kann. Im nächsten Schritt erstellt man einen Farbverlauf, bei dem allerdings lediglich der Winkel im Verlauf zwischen zwei Farbwerten zusätzlich einstellbar ist. Eine genauere Steuerung des Gradienten ist mit dem CSS3 Toolkit nicht vorgesehen.

Bei Bedarf fügt man seinem Element nun noch einen inneren und/oder äußeren Schatteneffekt hinzu und bestückt es mit einem Text. Als Schriftart ist dabei jede auf dem System installierte Schrift wählbar, eine Anbindung an Fontlibraries, etwa Googles Webfonts, ist nicht gegeben. Hier ist also Vorsicht geboten, respektive Grundlagenwissen über Webtypografie erforderlich.

Ein neben der GUI schwebendes, halbtransparentes Fenster protokolliert während der Arbeit den entstehenden CSS-Code mit, kann aber auch abgeschaltet werden. Das CSS übernimmt man per Copy & Paste.

Die App setzt das aktuellste OS voraus und verweigert unter Snow Leopard schon die Installation. Wer also nicht Lion, sowie einen 64-bit Prozessor sein eigen nennen kann, dem bleibt die App verwehrt.

Fazit: Das CSS3 Toolkit von Moople hätte für 10 Euro keine Kaufempfehlung von mir erhalten, da es vergleichbare Dienste als Webapp gibt. Als kostenlose Promo-Maßnahme stellt das Toolkit eine Alternative zu den genannten Onlinediensten dar und kann insbesondere nützlich sein, wenn man sich an Orten ohne Onlinezugang aufhält. Mac-Fans werden es schon wegen des App-Designs mögen…

Links zum Beitrag:

• Das CSS3 Toolkit zum Download – Mac Appstore
• Produktseite von Moople Apps – CSS3Toolkit.com
• CSS3: Verläufe so einfach wie in Photoshop mit ColorZilla – Dr. Web Magazin