Kommentare zu: Meine Sortierung von CSS-Deklarationen

Von: Jo

Jo — Tue, 28 Oct 2008 23:08:57 +0000

Vielen Dank für diesen äusserst interessanten Post!
Ich bin mir sicher, dass ich damit sehr viel Anfangen kann dar ich ja selbst gerade dabei bin zu versuchen mir eine Codestruktur anzulegen die mir das Ausarbeiten und anderen das einlesen Komfortabel macht.

Danke

P.S. hö, eben waren es doch noch zwei Tage bis zum neuen Ubuntu… Oh, schon so spät^^
Ubuntu kann ich allen nur empfehlen ;)

Von: Der kleine Wochenrückblick KW39 | trilodge computin blog

Der kleine Wochenrückblick KW39 | trilodge computin blog — Fri, 26 Sep 2008 07:32:47 +0000

[…] Diskussionsrunden um die (nicht)-Formatierung von […]

Von: css files sauber halten | andreas d.'s

css files sauber halten | andreas d.'s — Tue, 23 Sep 2008 19:38:37 +0000

[…] da sortiert dominik seine favoriten und schickt mir einen link. was daran witzig ist? genau darüber hab’ ich mir heute auch gedanken […]

Von: Fabian

Fabian — Tue, 23 Sep 2008 12:09:47 +0000

Ich muss zugeben, dass ich keine Sortierung habe… mag an meinem chaotischen Naturell liegen… ;)

Bisher hatte ich auch noch nie Probleme, die Ein-Zeiler zu überblicken - auch fremde von Dritten nicht. Kommt vielleicht mit dem Alter :-P

Von: Peter

Peter — Tue, 23 Sep 2008 10:01:28 +0000

Zitat datenkind ↑:

Aber ich verstehe nicht, wie du auf Ein-Zeilen-CSS setzen kannst. Gerade im Bezug auf WTF/min würde ich da wohl einen Herzkasper erleiden! ;)

Und bei Mehrzeiler-CSS scheuert man das Mausrad durch. Ist auch nicht toll.

Von: datenkind

datenkind — Tue, 23 Sep 2008 09:56:17 +0000

Ich habe mir angewöhnt, vom Layout her zu denken. Also erst Position, dann Größen, dann Abstände, Innenabstände und Ränder. Danach kommen sowas wie Hintergrund und sonstiger Schnickschnack.

Aber ich verstehe nicht, wie du auf Ein-Zeilen-CSS setzen kannst. Gerade im Bezug auf WTF/min würde ich da wohl einen Herzkasper erleiden! ;)
Finde das komplett unübersichtlich

Von: kingduevel

kingduevel — Mon, 22 Sep 2008 20:37:56 +0000

Kurz und knapp: Alphabetisch. Bin so ein Ordnungsfetischist und alles andere (Wichtigkeit, Änderungswünsche, bla bla) ist mir zu Wischi-Waschi.

Von: Andreas

Andreas — Mon, 22 Sep 2008 17:50:31 +0000

Ich hab früher auch nach, ich sage mal, Funktion gruppiert (float, position, height, weight nach vorne, Rest folgt).

Mittlerweile bin ich auf alphabetische Sortierung umgestiegen und dabei geblieben. Ich empfinde dieses Vorgehen als deutlich bequemer, wenn mehrere Leute am Stylesheet rumspielen.

Von: Nico

Nico — Mon, 22 Sep 2008 14:05:30 +0000

Ich sortiere auch alphabetisch mit einer einzigen Aufnahme. Die Deklarationen für top, left, bottom und right landen eingerückt direkt unterhalb position.

Von: erlehmann

erlehmann — Mon, 22 Sep 2008 13:32:14 +0000

Verschiedene Dateien für Schrift (Größe, fett, unterstrichen), Struktur (Höhe, Breite, Position, Float-Verhalten) und Dekorationen (Ränder, Farben, Bilder).

Hat halt den Vorteil, dess man sehr leicht einen Aspekt austauschen kann.

Von: Karsten

Karsten — Mon, 22 Sep 2008 13:04:34 +0000

Ich gruppiere zwar auch und wende eine grobe Reihenfolge an (keine Ahnung warum überhaupt), allerdings empfinde ich CSS-Deklarationen für einzelne Elemente oder Klassen nicht als so komplex, dass es da unbedingt einer Ordnung bedarf. Meistens sind sie ja auch nicht so umfangreich, dass sich das nicht mit einem Blick erfassen ließe.

Von: Peter

Peter — Mon, 22 Sep 2008 11:48:16 +0000

Zitat muhli ↑:

Schreibst du deine Styles alle in eine Zeile Peter? Dann müsste sich die alphabetische Sortierung doch bei dir hervorragend machen :)

Ja. Aber was bringt mir da die ABC-Methode mehr? Ich weiß doch jetzt schon sehr genau, wo ich was zu finden habe.

Von: muhli

muhli — Mon, 22 Sep 2008 11:42:51 +0000

Ich glaube, du hast das falsch verstanden Siegfried. Gemeint ist die Sortierung der Style-Angaben in den Klassen, nicht die Struktur der Datei. Dazu gab’s doch vor kurzem nen Artikel hier, ne?

Hab mich nach viel herumprobiererei auch für die alphabetische Sortierung entschieden. Ist zwar manchmal etwas unbequem, wenn man ein wenig sortieren muss, dafür ist das System langfristig gesehen unschlagbar. Wenn man die Datei eine ganze Weile nicht angetastet hat und in der Klasse nachsieht ob eine Style-Angabe vorhanden ist, wird man in der Regel sofort fündig und muss nicht erst die komplette Klasse lesen, sondern kann eben gleich zur richtigen Stelle springen, an der sich die Angabe befinden sollte.

Schreibst du deine Styles alle in eine Zeile Peter? Dann müsste sich die alphabetische Sortierung doch bei dir hervorragend machen :)

Von: Siegfried

Siegfried — Mon, 22 Sep 2008 11:18:41 +0000

Hmmm, eine Sortierung ist ja prinzipiell keine schlechte Idee. Aber wenn, sollte man den Effekt der Cascade berücksichtigen bei der Sortierung. Demnach müssten wichtige Styles nach _hinten_ sortiert werden, da sie unwichtigere Styles so überschreiben können. Natürlich ist hier der Begriff der “Wichtigkeit” ziemlich, naja, sagan wir mal, interpretationsbedürftig.

Von der Cascade ausgehend ist vielleicht eher folgende Sortierung besser: Zuerst die allgemeinen Dinge, und je spezifischer und auf’s Detail eingehend, desto weiter hinten.

Ich selber gruppiere grob nach den 4 Hauptbereichen, die ich habe. Also Banner, Navigation, Main und Footer. Dazu ganz am Anfang noch eine Sektion für’s Allgemeine. Und am Ende Spezialsachen wie besondere microformats-Styles oder Smilies oder sonstige Icons. Allerdings ist meine Site “organisch gewachsen” und bedarf mal dringend wieder einer Aufräumaktion :) Aber bei neuen Projekten ist das so in Etwa meine Vorgehensweise.

Von: YellowLed

YellowLed — Mon, 22 Sep 2008 11:07:18 +0000

Eigentlich bin ich ja auch so ein gestörter Ordnungsfanatiker, der alphabetisch vorgeht, allerdings mit der Ausnahme, dass ich zusammengehörige Dinge (position-Geschichten) zusammen lasse und einzelne border-, margin- oder padding- nach dem Abzählreim “oben, rechts, unten, links” sortiere.

Wie man damit arbeiten kann? Reine Gewöhnung mit einem Schuss “Ich will das halt so.” ;-)

(Dumm wird’s, wenn man (halb-)fertige Stylesheets untergemogelt bekommt. Das Umsortieren zahlt einem ja auch keiner.)

Von: cortex

cortex — Mon, 22 Sep 2008 10:37:02 +0000

eine interessante methode ist das serverseitige parsen der stylesheets. damit kann man css-deklarationen völlig flexibel halten. in der kreativen phase einer projektentwicklung entfällt beispielsweise das unseelige search/replace. EIN von dir genanntes kriterium (eigenschaften, die häufig geändert werden, kommen an den anfang) würde entfallen - du würdest einen freiheitsgrad hinzu gewinnen ;-