Dealing with big CSS codebase

Methodologies

BEM

BEM methodology was invented at Yandex to develop sites which should be launched fast and supported for a long time. It helps to create extendable and reusable interface components.

  • https://en.bem.info/methodology/
  • http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
  • http://getbem.com/introduction/

CSS Modules

A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.

  • http://glenmaddern.com/articles/css-modules
  • https://github.com/css-modules/css-modules

Other

  • RSCSS - Reasonable Standard for CSS Stylesheet Structure.
  • Enduring CSS. A guide to writing style sheets for large scale, rapidly changing, long-lived web projects
  • MaintainableCSS. Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and of course, maintainable CSS.
  • http://cssguidelin.es/ High-level advice and guidelines for writing sane, manageable, scalable CSS
  • Object-Oriented CSS. In keeping with the OO metaphor, an object is analogous with an instance of Java or PHP class, for example (though the granularity is different!)
  • Scalable and Modular Architecture for CSS. A flexible guide to developing sites small and large.
  • Classy CSS. Good code is classy. This is very much still in development. Consider this alpha at best.

See also

Other tools

  • http://csswizardry.com/2016/06/improving-your-css-with-parker/
  • http://alistapart.com/article/css-audits-taking-stock-of-your-code
  • http://susydocs.oddbird.net/en/latest/install/