Markup Webdesign Journal

Bei der CSS Hack Diät ging es darum, Perspektiven aufzuzeigen, wie man den Hack-Aufwand reduziert. Ein weiteres Ziel sind schlankere Stylesheets an sich, die sich positiv auf Ladezeiten und Entwicklungsaufwand auswirken. Was sind die Grundsätze des effektiven Einsatzes von Stylesheets? Es gab eine Reihe guter Artikel zu diesem Thema. Mein Beitrag fasst die wichtigsten Ansätze zusammen.

Auch hier gilt wieder der Grundsatz, dass eine saubere Seitenstruktur die Grundlage bildet.

Die Expertentipps

• Lean XHTML and precise CSS: Mike Rundle über den Zusammenhang zwischen schlankem Quellcode und zielgerichtetem Einsatz von CSS
• Writing efficient CSS: John Gallant’s und Holly Bergevin’s Tipps für den effizienten Einsatz von CSS
• CSS tips and tricks: Roger Johansson’s Serie auf 456 Berea Street geht auch auf Fehlerquellen ein
• Ten CSS tricks you may not know: Ein Klassiker von Trenton Moss
• 10 CSS-Tricks: Trenton Moss’ Serie übersetzt und erweitert von Perun

Nicht übermäßig vererben und kaskadieren

Vererbung und Kaskade sind die wohl wichtigsten Konzepte in CSS, um sehr wirkungsvolle und effiziente Stylesheets zu kreieren. Trotzdem sollte man darauf achten, diese nicht zu weit auszuweiten und zu verketten. Das kann u.U. das Gegenteil bewirken. Der Überblick kann verloren gehen, das Stylesheet im Endeffekt zu umständlich werden. Lieber legt man mal Zwischenschritte ein und benennt die anzusprechenden Elemente beim Namen, sprich bildet lieber eine Klasse oder ID mehr. Die Classitis-Impfung aber nicht vergessen.

Der eigene Stil

Auch der eigene Stil spielt eine wichtige Rolle. Will man effizienten Code schreiben und sich auch Wochen oder Monate später noch zurechtfinden, sollte man eigene Muster entwickeln. In vielen Artikeln wird geraten, z.B. die Codezeilen nach ganz bestimmten Regeln einzurücken. Das muss nicht sein. Am wichtigsten ist eine eigene Linie und dieser treu zu bleiben. Wieviele Zeichen man einrückt oder auch nicht, bleibt jedem selbst überlassen. Nur sollte man sich eben an das eigene Schema halten.

Das gilt auch für Projekte, die von mehreren Personen erstellt und/oder betrieben werden. Es gibt keine allgemein gültigen Regeln für das Codemuster. In Gruppen sollte man sich auf einen bestimmten Stil einigen und sich an die Abmachungen halten. So bleibt es für alle übersichtlich.