css best practices

Post on 16-Apr-2017

322 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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?

?

top related