Object-orientated CSS (OOCSS)

• Divide styles between functional and visual styles
• CSS preprocessors provides abstraction. is only an asset for developers. End product is still CSS.
• objects/component/module
• 256 classes to override one ID
• Break it down. smaller blocks are more flexible than bigger ones. blocks can be reused with other blocks.
• Single responsibility principle, the basis of unix.
• Don’t be afraid of many classes.
• Classes keep your components flexible and avoids repetition
• Organizing CSS: Modular, Extensible, Scalable
• Base
• Layout
• Components

Resources

• https://github.com/stubbornella/oocss/wiki
• SmartWeb 2013 - Johnatan Snook
• https://vimeo.com/79514917
• https://speakerdeck.com/csswizardry/big-css-1
• stubbornella
• necolas
• snoookca
• csswizardry
• https://github.com/byrichardpowell/CSS-Style
• http://www.vanseodesign.com/css/object-oriented-css/