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

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

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

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

Spezifitäts-Teufelskreis vermeiden

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

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

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

SMACSS

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

Fragen?
?