Um Dir den Einstieg in die neuen CSS3-Eigenschaften zu erleich­tern, sind diese prak­ti­schen Online-Tools eine wahre Hilfe. Mit den hier vorgestellten Online-Editoren kannst Du CSS3-Farbverläufe unter Verwendung einer Benutzeroberfläche rein visuell bearbeiten. Außerdem kannst du mit den Tools testen, welche Browser Deine neu ein­ge­bauten CSS3-Funktionen unterstützen. Bevor Du los­legst die neuen CSS3-Eigenschaften für Deine Website zu ver­wenden, soll­test du in dieser Browser Support-Liste nach­schauen, welche Browser die CSS3-Features bereits unter­stützt und bei wel­chen Browsern es Probleme gibt.

Lineare Farbverläufe / Linear Gradients

linearer Farbverlauf mit CSS3

Lineare Farbverläufe verwendest Du idealerWeise für Buttons und Hintergründe. Mit dem Tool von Westciv erstellst Du kinderleicht wunderschöne Verläufe. Wenn Du im Firefox mit diesem Tool arbeitest, so klicke bitte auf den Button Firefox, da sonst keine Vorschau angezeigt wird. Respektive zu Mozilla klicke bitte den Button Webkit an, sofern Du einen Webkit-Browser wie Safari, Opera und Chrome verwendest.
Spiele ein bißchen mit den Buttons und Reglern herum. Den passenden CSS3-Code siehst Du im Bereich oberhalb der Vorschau und sofort erkennst Du, was sich jeweils ändert.

Radiale Farbverläufe / Radial Gradients

radialer-CSS3-Farbverlauf

Auf der Seite von Westvic findest Du gleich eine ganze Reihe von Online-Editoren, die sich mit CSS3 beschäftigen. Mit Hilfe dieses Online-Tools kannst Du ganz einfach kreisförmige Farbverläufe erstellen.
Das gleiche, wie beim ersten Tool, ist es nötig, den Button Webkit anzuklicken wenn du nicht mit Firefox im Internet unterwegs bist.

Online-Editor im Photoshop-Stil

Ultimate-CSS3-Generator im Photoshop-Stil

Dir gefallen die oben genannten Editoren nicht oder Du bist erfahrener Nutzer von Photoshop, dann ist dieses Tool das richtige für dich.
Mit dem Ultimate CSS Gradient Generator kannst Du CSS3-Verläufe im Photoshop-Stil visuell bearbeiten.
Das Tool kann sogar ein Verlauf direkt aus einem Bild einlesen und in CSS3-Code umsetzen.

Diese Online-Tools ertzen natürlich nicht die nötigen Kenntnisse zur Verwendung von Cascading Style Cheets. Da CSS3 aber noch in der Entwicklung ist und das W3C-Konsortium viele »Hacks« nihct so übernimmt, wie sie derzeit oft im Netz zu finden sind, ist es auch etwas zu viel verlangt, jedes einzelne Code-Fragment zu kennen. Selbst Coder wie Mario Steuck vom CDS Webdesign Berlin ist begeistert von diesen einfach zu handhabenden Online-Tools. Sie erleichtern den Umgang mit CSS3 erheblich.

Wie gefallen Dir diese CSS3 Online-Editoren? Hast du schon eigene Erfahrungen mit den Tools und den neuen CSS3-Eigenschaften gemacht? Kennst Du noch wei­tere prak­ti­sche CSS3-Tools für Farbverläufe, die das Programmieren und Erlernen der neuen Funktionen erleichtern? Über Dein Feedback und Tipps freue ich mich sehr!