Auf dem Tutorial Blog habe ich meine „Toolbox CSS“ geteilt, die ich gerne benutze
Was ist Toolbox CSS?
Toolbox CSS ist eine Styling-Information, die nichts *einzigartiges* mit einer bestimmten Website zu tun hat. Es handelt sich um eine Sammlung gängiger Stile, die bei jedem Webprojekt nützlich sein können. Wie oft hast du schon eine Klasse zum Clearen von Floats geschrieben? Zu oft, schätze ich. Die Idee hinter Toolbox CSS ist es, ein separates Stylesheet für diese „Utility“-Stile zu erstellen.
Tutorialblog ist im Moment nicht erreichbar, aber es war bereits in meinem RSS enthalten. Gute Toolbox :) Einige davon habe ich bereits verwendet. Es ist wirklich praktisch, eine Toolbox zu haben! :)
Großartige Sache, Chris! Ich liebe die Sachen, die du als „Cheat Sheets“ zusammenstellst. Das sind genau die Dinge, die so notwendig erscheinen, wenn wir Dinge IMMER WIEDER neu machen, aber wir nehmen uns selten die Zeit, so etwas zu tun, und beschweren uns stattdessen jedes Mal, wenn wir die Überarbeitung machen.
Danke für die Goodies!
Die Verwendung von generischen Klassen ist wie die Verwendung von Inline-Stilen.
Unter dem Gesichtspunkt der Wartbarkeit gibt es keine Unterschiede zwischen
und
Das ist intrusiver Code und wird vom W3C absolut nicht empfohlen
An dem Tag, an dem du entscheidest, all deine floatRight's in Left's zu ändern, viel Spaß.
Bitte schau dir das an
http://www.w3.org/QA/Tips/goodclassnames
Ok, es scheint, dass das Code-Tag nicht funktioniert…
ich meinte zwischen… style=”float:right” und class=”floatRight”
„An dem Tag, an dem du entscheidest, all deine floatRight's in Left's zu ändern, viel Spaß.“
Es ist nicht ideal, aber mit meiner Methode könnte man einfach die Float-Richtung in CSS umkehren. Wenn wir, wie du vorschlägst, Inline-Stile verwenden, müssten wir den Stil für jedes einzelne Element manuell ändern. Ich stimme zu, dass Inline-Styling manchmal in Ordnung ist und Klassennamen wie „redborder“ dumm sind, aber Floats gehören nicht dazu.
Ich muss Yves hier zustimmen. Durch die Verwendung von Klassennamen in deinem HTML, die Positionierung oder Layout beschreiben, untergräbst du die Kernprinzipien der Trennung von HTML und CSS.
Ich denke jedoch, dass die Übernahme eines standardisierten Klassennamensystems für dich als Designer zusammen mit einer Sammlung von Standard-CSS-Snippets eine gute Praxis ist, die man beibehalten sollte. Ein Beispiel wären Menüs;
Du hast eine Basis-CSS-Datei mit Browser-übergreifendem CSS, das UL.menu in zugängliche Linkmenüs formatiert, und dann fügst du einfach eine zusätzliche CSS-Datei hinzu, um Farben, Schriftarten und andere website-spezifische Stile hinzuzufügen. Wenn du in Zukunft eine bessere Möglichkeit findest, mehrere Browser zu unterstützen, aktualisiere einfach deine Basis-CSS-Datei.
Also stimme ich deinem Denken zu, nur nicht deiner tatsächlichen Anwendung.
Ich stimme Chris zu. Ich bevorzuge die Verwendung von Namen wie 'right' und 'left' als Klassennamen für grundlegende Dinge wie Floats. Das macht die Dinge leichter lesbar, und es ist normalerweise keine große Sache, ein Suchen und Ersetzen durchzuführen, wenn es nötig ist.
Ich habe mir deine toolbox.css-Datei angesehen und festgestellt, dass du in einer Zeile einen kleinen Fehler hast (ich weiß nicht, ob irgendein CSS-Interpreter jemals Probleme damit haben wird, aber es schadet nicht, ihn zu beheben)
a[href~=”.pdf]
aber es sollte so sein
a[href~=”.pdf“]
@xbakesx: Danke. Ich hatte das im ursprünglichen Tutorial Blog-Artikel korrigiert, aber vergessen, das Live-Beispiel zu korrigieren.
Styling Extras verwendet CSS3-Selektoren, die von IE^ nicht unterstützt werden.