Dieses Blog ist ein Online-Magazin für erfahrene Website-Entwickler und Webdesigner, die PHP und Webdesign lieben.
Wer glaubt, dass CSS3 keine Neuerungen mehr erfährt, täuscht sich. Sogar das “gute alte” CSS 2.1 ist immer noch in einem Stadium, das als nicht abgeschlossen gilt. Demzufolge ist es sehr wahrscheinlich, dass wir in Sachen CSS3 noch einige Überraschungen erleben dürfen.
Aus gleich zwei Quellen habe ich auch gleich etwas parat – für meinen Teil ist es eine absolute Neuigkeit. Ich hoffe, für euch auch.
Die Links, die ich heute vorstelle stehen ganz unter der Flagge von CSS.
Es gibt viele gute Gründe, beim Erstellen einer Softwareapplikation ein Framework zu benutzen. Dieser Gedanke hat natürlich selbst bei den Webdesignern nicht Halt gemacht – und so gibt es beispielsweise für die serverseitige Sprachen ASP.net und PHP (wie Zend, CodeIgniter und CakePHP) diverse Frameworks, die den Programmier-Alltag erleichtern sollen. Auch für das clientseite JavaScript existieren Frameworks wie jQuery oder MooTools.
Das es demzufolge auch irgendwann ein Framework für CSS geben muss, war fast sicher und nur eine Frage der Zeit – auch wenn bei dem Wort “Framework” die Grenzen gerne verschwimmen. Sogenannte CSS-Frameworks versprechen ein komfortableres, schnelleres Erstellen von Stylesheets oder sollen sogar dem Ersteller verhelfen, die CSS-Datei DRY zu kreiren.
Ich hatte heute (mal wieder) das Problem, dass in einem Formular der Submit-Button aus der Reihe getanzt ist, was die per CSS definierte Höhe betraf.
CSS3 ist seit langem in der Entwicklung, auf viele Elemente kann man aber jetzt schon zählen – jedenfalls wenn es nach dem W3-Konsortium geht. Der Internet Explorer wird wohl leider erst ab Version 9 die CSS3-Elemente untersützen. Da wir den Internet Explorer aber sowieso nicht mögen und auch andere beliebte Browser einen Großteil der CSS3-Elemente kennen, können wir ruhigen Gewissens mit CSS3 arbeiten. Dabei dürfen wir natürlich nicht vergessen, die Seite auch für Nutzer älterer Browser verfügbar zu machen. Ein schönes Beispiel, um CSS3 mit progressive Enhancement zu demonstrieren, ist ein simpler Button. Ohne CSS ist es ein normaler Link – mit CSS2 wird er aufgepeppt und mit CSS3 wird er zu dem, was moderne Buttons im Web auszeichnet: Nicht zu dick aufgetragen, elegant aber mit subtilen Details. Dazu gehört:
Alle Punkte lassen sich mehr oder weniger Problemlos mit CSS3 realisieren. Für die ungeduldigen: Auf dieser Demoseite seht ihr das fertige Endergebnis. Doch wir fangen erst einmal langsam an – mit dem HTML-Code: Weiterlesen ›
