OOCSS, SMACSS & BEM for Modular, Scalable CSS

As your projects grow in size and complexity it’s important to keep your CSS well organized and documented. A failure to do so will make your CSS difficult to augment, modify and maintain. This talk will cover the three major conventions for organizing CSS: Object Oriented CSS (OOCS), Scalable and Modular Architecture for CSS (SMACSS) and Block Element Modifier (BEM). We’ll discuss similarities, differences and use cases between the schools, as well as general tools that can be used to speed up and clean up the CSS development process.