Meine Top 5 CSS Online Tools

Wer schon mal ein Image-Sprite in Photoshop erstellt hat und anschließen die Positionen der einzelnen Bilder per Hand ausgemessen hat, der kann ein Lied von dieses mühseligen Prozedur singen.
Auch die tolle CSS 3 Möglichkeit Farbverläufe per Hand zu erstellen ist eine potenzielle Fehlerquelle.

Glücklicherweise haben sich bereits einige Leute darüber Gedanken gemacht und extrem hilfreiche CSS online Tools programmiert.

CSS online Tools gibt es einige. Hier möchte ich euch meine Favoriten vorstellen, die regelmäßig in meinen Projekten zum Einsatz kommen.

Continue Reading


Dem Internet Explorer CSS 3 beibringen!

3 Comments

Ich möchte hier keinen weiteren Artikel über die Unannehmlichkeiten schreiben, die einem der Internet Explorer in den den Versionen kleiner 9 so macht. Wobei man eigentlich die 9er Version auch mit in den Kreis der notwendigen Übel mit einbeziehen muss, da auch dieser noch nicht wirklich etwas mit CSS 3 Deklaration anfangen kann.
Liegt das nun an Microsofts Unfähigkeit Dinge zu implementieren, die andere bereits seid mehreren Versionen unterstützen? Oder bestreitet der Konzern aus Redmond noch immer einen Browserkrieg, in dem er meint durch seine beinahe Monopolstellung seine hauseigenen Standards durchsetzen zu können?

Nun, da darf sich jeder seine eigene Meinung bilden.

Continue Reading


Ein Navigationsmenü mit CSS 3-Transitions und -Transforms

1 Comment

Viele Navigationen nutzen mittlerweile jQuery, um Hover-Effekte zu realisieren. Das soll auch weiterhin so sein. Immerhin ist die Vielfalt der vorhandenen Möglichkeiten und Effekte ziemlich umfangreich.

Aber warum nicht auch mal nach Alternativen Ausschau halten?

CSS 3 ist zwar in vielerlei Hinsicht noch weit von einem REC-Level entfernt, das durch das W3C festgelegt wird, aber einige Dinge funktionieren schon jetzt ziemlich zufriedenstellend (sieht man mal vom IE ab).
So bieten die Befehle „transition“ und „transform“ ein paar nette Eigenschaften, auch im 3-Dimensionalen-Bereich ein wenig herumzuexperimentieren. Mit ihnen lassen sich sogenannte „Card-Flip-Effekte“ umsetzen, wie man auf der Seite von CSS 3 Playground bestaunen kann.

Continue Reading