Jens Meiert ist Spezialist für standardkonformes Webdesign, Barrierefreiheit, Usability sowie verwandte Themengebiete.

Eine Artikelliste

CSS 3 nimmt immer mehr Konturen an. Und auch wenn CSS 3, das im Gegensatz zu CSS 1 und 2 aus einzelnen Modulen besteht, in seiner Gesamtheit auch 2008 noch keine offizielle W3C-Spezifikation sein wird, sind einige Module wie das Syntax- oder Farben-Modul relativ weit fortgeschritten. Dieser Artikel beschreibt ein paar Neuerungen, die mit unterschiedlicher Wahrscheinlichkeit mit CSS 3 kommen werden.

mehr über das CSS 3 der Zukunft

Einige gute CSS Beispiele zeigt hier der Seitenbetreiber für Navigationen, DIV-Boxen, CSS-Image, CSS-Form mit dem Quellcode.

[Link]

Einige sehr interessante CSS Lösungen für

• Menüs
• Layouts
• Boxes
• Mozilla
• Explorer
• Opacity

mit guten Beispielen.

[CSSplay]

Was ist das? Nun der Betreiber zeigt einige reine CSS-Reitermenüs in verschiedenen Varianten.

ExplodingBoy

Linie, Ellipse, Kreis, Rechteck, Polygon zeichnen mit JavaScript.
Entwickler: Walter Zorn

“JavaScript ist eine Programmiersprache ohne Grafik -Fähigkeit” gilt nicht. Diese JavaScript-Vektorgrafikbibliothek implementiert Funktionen für Grafik-Grundelemente, d.h. kann Linien, Kreise, Ellipsen (Ovale), Polygone (auch Dreiecke, Rechtecke) und Polylinien (geknickte Linien) dynamisch in eine Webseite zeichnen. Die Verwendung dieser Vector-Grafik -Bibliothek ist selbst bei nicht vorhandener JavaScript-Erfahrung einfach.

siehe Dokumentation
Link: walterzorn.de

CleanCSS ist ein Online-Tool das den CSS-Code über diverse Optionen Otimieren kann. Z.B. die gleichen Selektoren und Eigenschaften werden automatisch zusammengefasst. Dabei sollte der CSS Code wohlgeformt sein. Der CSS Code wird nicht auf Gültigkeit überprüft. Es kann ein nützliches Tool sein teilweise ist das ganze auf Deutsch. Hier der Link

Hier finden Sie eine recht ausführliche anleitung wie man Dynamische Schriftskalierung realisiert. Alle modernen Browser bieten inzwischen die Möglichkeit dargebotenen Text auf Webseiten zu skalieren. Trotzdem sind Handling und Bedienung durchaus unterschiedlich elegant in den jeweiligen Browsern geregelt. Eine alternative Methode der Skalierung zum Einbinden in eigene (X)HTML Dateien oder Templates wird deswegen hier anhand eines ausführlichen Beispiels ( XHTML / CSS Sample ) dargelegt.

Bei script.aculo.us sind einige sehenswerte Ajax-Effekte zu bewundern.
Hier der Link

Heute werden wieder einige tausen Webseite neu angezogen und werden sich auf der CSS Reboot Spring 2006 Website präsentiert. Nun sind die Website auch geordnet.

Hier eine weitere Webseiten mit guten CSS-Template-Vorlagen die kostenlos zum downloaden sind. Alle Templates sind XHTML 1.0 und CSS2 kompatiebel. hier zu den Templates