CSS-Code übersichtlicher machen

Peruns Weblog - Webwork und Internet

Weblog der perun.net webwork gmbh mit Artikeln zum Thema WordPress, Webwork, und Internet. Ältere Artikel findest du im Archiv.

CSS-Code übersichtlicher machen

Perun am 25. März 2006 um 18:54 Uhr

Jose stellt einige Techniken vor wie man den Code in der CSS-Datei übersichtlicher machen kann. Einige Techniken wie z.B. Inhaltsverzeichnis und Gruppen-Überschriften habe ich auch im Webkrauts-CSS verwendet.

Mag sein, dass solche Kommentare eine CSS-Datei vergrößern, aber die ist dann um Längen übersichtlicher und das zahlt sich aus, spätestens dann wenn man nach einem halben Jahr etwas an der CSS-Datei anpassen muss.

Diesen Artikel weiterempfehlen:

6 Kommentare »»

1. – René

Kommentar vom 25. März 2006 um 20:22

Die am Ende auf entgültigen Seite eingebundene CSS-Datei muß ja nicht zwangsweise die mit Kommentaren und Einrückungen versehene Datei sein – man kann sie auch jeweils vorher stauchen …
2. – Martin

Kommentar vom 25. März 2006 um 21:58

GZip bringt auch eine Menge Meist deutlich mehr, als man durch die Entfernung von ein paar Kommentaren sparen würde.
3. – Gabi

Kommentar vom 26. März 2006 um 17:09

So ähnlich, allerdings ohne Inhaltsverzeichnis, mache ich das schon von Anfang an mit meinen css-Dateien.

Da ich gerne Layouts bastele, schreibe ich ganz oben immer die Farbcodes auf, das ist sehr hilfreich.
4. – Perun

Kommentar vom 26. März 2006 um 17:29

@Gabi,

das mit den Farbcodes ist eigentlich eine gute Idee.
5. – CSS-Dateien mit Struktur » die Netzspielwiese

Pingback vom 03. April 2006 um 18:19

[...] Perun gewährt Einblicke in das von ihm entwickelte CSS für die Webkrauts [...]
6. – CSS Struktur - Ein Ansatz für Einzelkämpfer | Stereobit Blog

Pingback vom 21. Oktober 2007 um 18:45

[...] ihn zum Beispiel Jens Meiert bei den XHTML- und CSS-Code-Richtlinien bei GMX verwirklicht hat oder auch einfache Vorgaben welche die Übersicht erleichtern [...]

Einen Kommentar hinterlassen

Name (erforderlich)

Mail (wird nicht veröffentlicht) (erforderlich)

Website

XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Kommentar-Vorschau ist aktiviert (Javascript wird benötigt).

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu <).

Peruns Weblog - Webwork und Internet