CSS Best Practices
-
Upload
francesco-schwarz -
Category
Technology
-
view
322 -
download
0
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
Links● On Declaration Sorting in CSS● Single Responsibility● CSS, DRY and Code Optimization
Fragen?
?