Mit CSS3 ist die Welt des Webdesigners um Einiges vielfältiger geworden. Eine Menge Eigenschaften, wie border-radius, box-shadow, css3 transform und css gradient bieten eine Fülle von Möglichkeiten, ohne den Einsatz von Grafiken tolle Layouts zu kreieren. Hier findest Du einige tolle CSS3-Generatoren, die Dir on the fly Browser-abhängig korrekten CSS3-Code ausgeben.
CSS3 Generator
Der CSS3 Generator ist nun schon einige Zeit am Start und liefert schnelle und verlässliche Ergebnisse. Beim gradient verweist Randy auf den Ultimate CSS Gradient Generator.
Der Ultimate CSS Gradient Generator liefert in einer aus Photoshop bekannten Art und Weise, die Möglichkeit zum Generieren von CSS basierten Farbverläufen. Schön ist hier auch, dass der Filter für Internet Explorer generiert wird. (inkl. Vorschaufunktion). Der Generator stammt von den Entwicklern des Firefox Addons ColorZilla.
CSS-Tricks.com hat neben einer Fülle inspirierender CSS-Ideen auch den CSS Button Maker bereit gestellt. Man kann sich so in real time seinen Button stylen. Sehr nett
CSS3please.com bietet einen CSS3 Code Editor mit Livevorschau.
Den wohl umfangreichsten Online CSS3 Code Generator mit Live-Vorschau habe ich bei css3maker.com gefunden. Ein umfassendes Tool, das Browser-Kompatibilitäten und Live-Vorschau bietet.
Ihr kennt weitere tolle CSS-Tools? Lasst es mich wissen!
Danke, interessante Liste.
CSS3maker ist ja echt stark. Die Frage ist halt, kann man CSS3 tatsächlich schon einsetzen oder sollte man damit nicht lieber noch warten, bis die Browser das wirklich unterstützen?
viele Grüße, markus
Hallo Markus,
unbedingt. CSS3 und HTML5 sind aktuelle Standards und werden von den modernen Browsern weitgehend unterstützt. Es gibt keinen Grund, noch länger zu warten ;o) – -Browser-abhängige Defizite wird es wohl noch lange geben; die muss man wohl einfach in Kauf nehmen. Deshalb aber auf die Nutzung moderner zeitgemäßer Standards zu verzichten, ist wohl der falsche Weg …
Zuersteinmal:
Mir gefällt dein Blog, sehr schickes Design.
Nette Tools stellst du hier vor, vielen Dank.
Ich kann im übrigen nur bestätigen:
Man sollte die neuen Standards umsetzen und auch validen Code produzieren (man kann ja auch nach CSS3 validieren).
Nur so können wir hoffen, daß irgendwann alle Beteiligten standardkonforme Browser anbieten.
Die Zeiten wo ein IE6 unterstützt werden musste sind ja nun wirklich vorbei.
IE7 ist leider noch zu verbreitet aber ich kann damit gut leben, daß dieser Browser eben eckige Boxen ohne Schatten darstellt, wenn ich eigentlich mit border-radius und box-shadow gearbeitet habe.
Nochmals,
danke für den schönen Blog und diesen Beitrag,
noRiddle
Hallo noRiddle,
dein Lob zum Design gebührt http://rockatee.com/, die das Theme auf smashingmagazine kostenlos bereit gestellt haben.
border-radius und box-shadow kann man mithilfe des kleinen Scriptes IE-CSS3 auch für den IE ab Version 6 verfügbar machen. Schau einfach mal hier nach: IE-CSS3
Grüße
Thomas.