Upload
francesco-schwarz
View
322
Download
0
Embed Size (px)
Citation preview
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
Links● On Declaration Sorting in CSS● Single Responsibility● CSS, DRY and Code Optimization
Fragen?
?