CSS Best Practices

Post on 16-Apr-2017

322 views 0 download

Transcript of CSS Best Practices

CSS Best Practices5 Ratschläge für besseres CSS

MotivationWarum ü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 SelektorenJe kürzer (und damit unspezifischer) Selektoren sind, desto besser.

Spezifitäts-Teufelskreis vermeiden

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

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

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

SMACSS

Fragen?

?