[Darrera actualització: 21/10/2018]
El “CSS orientat a objectes” és una metodologia per escriure CSS que pretén fomentar la reutilització de codi i la creació de webs en què la combinació d’HTML i CSS tingui un millor rendiment i mantenibilitat. Pren el seu nom de la programació orientada a objectes, donat que pren alguns dels seus principis com a inspiració (tot i que, naturalment, les diferències entre les dues coses són més que notables). Es tracta d’una metodologia que te especial sentit en llocs i aplicacions web de complexitat elevada en els que treballa un bon número de persones. Tal i com diuen a HTML and CSS performance (O’Reilly Radar, 28 de gener de 2014),
…En la nostra indústria es debat sobre els patrons per donar nom als elements, però jo recomano elements semàntics per a llocs de mida petita a mitjana. Un lloc gran com ara Facebook hauria d’utilitzar un patró de noms orientat a l’objecte per l’escala del lloc i la quantitat de desenvolupadors que toquen el codi. Però per al lloc mig ser semàntic amb els noms dels elements pot ser tremendament beneficiòs a l’hora de reutilitzar codi o eliminar elements innecessaris…
Un bon text introductori sobre el tema és An Introduction To Object Oriented CSS (OOCSS).
D’altra banda, un text sobre els possibles efectes perniciosos de l’ús d’aquesta metodologia és Cargo Cult CSS (21 d’octubre, 2013).
Un tema complementari a considerar és el de com donar nom a les classes que utilitzem, especialment en projectes grans en què col·laboren diverses persones. Un text interessant a llegir sobre el tema és MindBEMding – getting your head ’round BEM syntax (gener de 2013), que proposa una sintaxi “BEM” en funció de blocs, elements i modificadors.