Objektorienterad CSS

CSS har varit en enkel sak i alla tider – det är ba å gör’t. Men här kommer en idé som omkullkastar hur jag arbetar med CSS: Objektorienterad CSS.

Ett exempel är att man inte ska använda ID i selectors, det vill säga skriva så här:

#post {width: 400px}

I stället ska man bygga modulbaserade komponentbibliotek, vilket kanske låter komplicerat men det handlar om legoblock som appliceras på innehållet.

Man kan fråga sig vad vitsen är med att skriva CSS på det här viset, men uppenbarligen ska det ge snabbare rendering i webbläsaren. I den här videon berättar Nicole Sullivan, som tidigare arbetat med Yslow, mer om hur det fungerar:

Hon har även tillsammans med en kollega gjort verktyget CSS Lint som är ett väldigt strikt valideringsverktyg för CSS.

Vill du börja med objektorienterad CSS kan https://github.com/stubbornella/oocss/wiki vara av intresse för dig.

(Via ReadWriteWeb)