Struktur der CSS - was ist sinnvoll?

[spiceflo]

Hallo Leute,

in Contao kann man ja mehrere CSS anlegen. Jetzt meine Frage an Euch alte Hasen wie strukturiert man die CSS am Besten? Ich meine damit nicht die Struktur innerhalb der CSS sondern wie wieviele CSS Dateien verwendet Ihr? Ich habe momentan in der Regel nur 2 CSS. Eine zum Reseten und eine mit dem ganzen Rest. Jetzt ist die Frage ob das so Sinn macht oder ob ihr noch weiter unterteilt. Wenn ich das richtig verstehe ist die Anzahl der CSS ja egal, da Contao das alles sowieso in einer CSS Datei ausgibt.


Danke für Euer Feedback und schöne Grüße

Flo

[jubel]

Vermutlich hat da jeder seine eigenen Gewohnheiten.

Ich habe meine Stylesheets themenorienteirt sortiert. Damit habe ich alles schnell beisammen und muss nicht endlos lang scrollen/blättern.

stylesheets.jpg

[tl_richard_user]

jubels Aufteilung wäre mir zu fein - aber jeder wie er will

Ich lege immer folgende Stylesheets an: Basic, Styles, Navigation, Formulare
Vorteil: Kein Durcheinander.

[Kopfnuss]

Ich hatte auch mal meine CSS Dateien in mehrere Unterteilt.

Zur Zeit benutze ich aber nur ca. 2. Ein für Browseranpassungen und eine wo der Rest drin ist.
Habe mich dazu entschieden weil jede neue CSS Datei einen http request erzeugt der wiederrum erzeugt traffic. Da ich Versuche die Ladezeiten so gering wie möglich zu halten, versuche ich auch mit so wenig wie möglich einzelnen CSS Dateien aus zu kommen. Des weiteren Versuche ich auch die Leerzeichen und Zeilen in einer CSS Datei zu minimieren um diese so klein wie möglich zu halten.
Klar, sind CSS Dateien nicht groß, Kleinvieh macht aber auch Mist

[tl_richard_user]

Habe mich dazu entschieden weil jede neue CSS Datei einen http request erzeugt der wiederrum erzeugt traffic. Da ich Versuche die Ladezeiten so gering wie möglich zu halten, versuche ich auch mit so wenig wie möglich einzelnen CSS Dateien aus zu kommen. Des weiteren Versuche ich auch die Leerzeichen und Zeilen in einer CSS Datei zu minimieren um diese so klein wie möglich zu halten.

Die Bedenken sind allerdings unbegründet, wenn man die CSS-Dateien - wie Contao das standardmäßig macht - zusammenfasst.

[Kopfnuss]

Mhhh, jo stimmt.

Bin davon Ausgegangen das man ein externes Stylesheet verwendet. Das ist aber bei dir ja nicht der Fall. Mein Fehler.

[tl_richard_user]

Ansonsten würde ich auch bei nur wenigen CSS-Datein bleiben.

[MacKP]

Und bei externen Dateien kann man Theme+ verwenden. Dann werden die Dateien auch zusammengefasst.
Gibt also eigentlich keinen Grund nicht beliebig viele Dateien zu erzeugen. (Vor dem Zusammenfassen eigentlich auch nicht unbedingt, da parallele Aufrufe auch die Geschwindigkeit erhöhen können... kommt eben immer drauf an wie man das macht etc.).

Viele Grüße

[Kopfnuss]

Hey,

danke, Theme+ kannte ich noch garnicht. Das Klingt sehr gut... Muß ich dann gleich mal ausprobieren...

[andreasisaak]

Ich verwende pro Seitenlayout eine eigene CSS und in der Regel noch die folgenden:

• normalize.css
• print.css
• style.css
• media.css

Da ich immer ein Standardlayout habe noch eine "standard.css" und dann eben nach den Anforderungen. Ich komme immer auf mindestens 5-7 CSS-Dateien, mit Theme+ ist das aber kein Problem mehr da muss ich mir keine Gedanken um HTTP-Requests und Performance machen.