Kommentare zu: Organisation großer CSS-Dateien

Von: Mathias Brodala

Mathias Brodala — Mon, 26 Dec 2005 22:14:09 +0000

Anlaufstelle Nummer 1 hierfür ist meiner Meinung nach wie vor SELFHTML. (Siehe "Einbindung mittels @import")

Von: Edoardo

Edoardo — Mon, 26 Dec 2005 22:06:39 +0000

Per @import wollte ich es lokal in WP auch machen, hat aber nicht funktioniert.

Wie genau sieht denn die Syntax dafür aus?
Ich hab' schon auf css4you nachgeschaut, ohne Erfolg (hab' schon was gefunden, aber das funktioniert auch nicht).

Von: Benedikt Forchhammer

Benedikt Forchhammer — Sat, 24 Dec 2005 10:14:06 +0000

@knut: ich denke SilentWarrior meinte, dass man nach "/* nav" suchen könnte (also mit dem slash und *).
und ich denke: ja, so kommt man auch ans ziel… Nur wird man in der suche denke ich leichter und schneller mal ein "=" eintippen als / und * UND leerzeichen

Ich mache es auch inzwischen so… 1 css je seite eingebunden, und in dieser dann via @import weitere styles importiert.
ich bin gerade an einer Seite, da hat jeder Bereich einen unterschiedliches Farbschema und teilweise zusätzliche elemente;
dementsprechend importiere ich auf manchen seiten weniger oder andere einzelstylesheets; so wird nicht alles auf einmal geladen, und erst dann auf der seite wo ichs benötige.

Von: Knut Karnapp

Knut Karnapp — Fri, 23 Dec 2005 18:41:13 +0000

@ silentwarrior

Das Problem dabei ist, dass wenn du einer ID oder Klasse auch den Wortteil "nav" mitgibt die Suchfunktion auch an diesen hängenbleibt. Das umgehst mit dem Gleichheitszeichen.

Von: Jens Grochtdreis

Jens Grochtdreis — Fri, 23 Dec 2005 15:37:00 +0000

@Rico: CSS-Dateien werden genau wie Bilder und Flash-Dateien und die HTML-Seite selber auf Deinem Rechner im Cache gespeichert. Deshalb ist es für den Speicherplatz nachrangig, ob acht kleine oder eine große Datei geladen werden. Die Pflege der Seite kann so einfacher werden.
Ich verlinke mittlerweile immer eine CSS-Datei, in der ich dann mehrere CSS-Dateien importiere.

Von: SilentWarrior

SilentWarrior — Fri, 23 Dec 2005 13:48:30 +0000

Guter Artikel! Allerdings hätte ich da noch eine Frage:

Wenn man jetzt z. B. /* Navigation in der CSS-Datei hat, dann kann man ja genausogut auch einfach nach "/* Nav" suchen, anstatt noch zusätzlich das Gleichheitszeichen einzubauen. Oder hat dieses irgendeinen Vorteil?

Von: Rico

Rico — Fri, 23 Dec 2005 13:08:17 +0000

Mal angenommen, ich rufe eine Seite von Simon auf. Muss dann meine Internetverbindung alle 8 CSS-Dateien laden oder werden die serverseitig zusammengeführt?

Da gutes Strukturieren und Kommentieren ja einen Quelltext ziemlich aufblähen kann, würde mich noch interessieren, ob alle Browser einmal-aufgerufene CSS-Dateien im Speicher behalten oder ob diese bei jedem Seitenaufruf neu geladen werden.
In diesem Falle würden wir uns die eingesparten Ladezeiten – durch das Verwenden von Webstandards – mit Kommentaren und Strukturelementen wieder kaputt machen

Von: Knut Karnapp

Knut Karnapp — Fri, 23 Dec 2005 10:59:57 +0000

Die Diskussion, ob das mit rein soll hatten wir intern auch, nur haben wir uns dann entschieden es, aufgrund der Länge des Artikels, hier außen vor zu lassen. Ach und: danke Heiko !

Von: Heiko

Heiko — Fri, 23 Dec 2005 09:51:45 +0000

Simons Anmerkung ist absolut empfehlenswert. So kann eine Datei alle default-Werte beinhalten und jede Rubrik besitzt seine eigenen spezifischen Styles, sofern nicht alle gleich sind. Nicht nur eine gute Gruppierung der Styles, verschafft mehr Überblick, sodnern auch eine optimale Verwendung von Shorthand-Properties, somit kann ebenfalls einiges eingespart werden. Klasse Artikel Knut!

Von: Simon Duss

Simon Duss — Fri, 23 Dec 2005 09:41:26 +0000

Eine Kleine Ergänzung von mir:
CSS Dateien werden bald überladen. Da ich gern alles durchstruktuierem, habe ich die einzelnen Style-Sheets ausgelagert mittels @import.
So besitzt mein aktuelles projekt ca. 8 CSS-Dateien. Sogar den Bereich des Contents habe ich aufgeteilt (algemein, formulare, floats).