Performance: Object Oriented CSS
Interessanter Post auf CSSKarma über Object Oriented CSS (OOCSS).
In diesem Model werden die einzelnen CSS Eigenschaften in individuelle Klassen gekapselt und dann dem jeweiligen HTML Element zugeordnet. Z.B.
Im CSS:
.rounded{ border-radius:7px; }
.box-shadow{ -moz-box-shadow:0 2px 2px #333;box-shadow:0 2px 0 #333; }
.left{ float:left; }
Im HTML
<div class="rounded box-shadow left"></div> <!--/.rounded .box-shadow .left-->ª
The most popular argument against it is that you’re embedding style information into your HTML and semi-collapses the progressive enhancement model of structure — presentation — behavior. (…) So, when styling for use in a CMS, I really do think OOCSS is dead-on. I’ve yet to fully use it just because I question it’s maintainability. But from a strictly performance stand point: Is OOCSS better? Yea, it’s better. It does perform better across the board than almost all of the CSS selectors (especially the advanced ones).