Das Dokument gibt fünf Ratschläge für bessere CSS-Praxis: Verwendung von Namespaces zur Vermeidung generischer Namen, Einsatz kurzer Selektoren zur Vermeidung von Spezifitätsproblemen, sinnvolle Kommentare zur Verbesserung des Code-Verständnisses, Entfernen von unnötigem Code und Anwendung der Single Responsibility-Prinzipien zur Förderung eleganteren und wartbaren Codes.

1. CSS Best Practices
5 Ratschläge für besseres CSS

2. Motivation
Warum überhaupt Best Practices?
CSS ist doch so einfach.
Nicht.

3. #1 Kontext mit Namespaces
● generische Namen im globalen Kontext vermeiden
● mit Namespaces schreibt man robusteren Code

7. #2 Kurze Selektoren
Je kürzer (und damit unspezifischer) Selektoren
sind, desto besser.

10. Spezifitäts-Teufelskreis vermeiden

12. #3 (Sinnvolle) Kommentare
Kommentare erleichtern das Code-Verständnis enorm.

16. #4 Unnötigen Code entfernen
Sollte eigentlich klar sein. Redundanter und damit
unnötiger Code ist aber fast immer anzutreffen.

21. #5 Single Responsibility
Logik kapseln und entkoppeln für
→ eleganteren Code
→ weniger Code
→ weniger Redundanz
→ bessere Wartbarkeit

22. SMACSS

34. Links
● On Declaration Sorting in CSS
● Single Responsibility
● CSS, DRY and Code Optimization

35. Fragen?
?