5 principles for modern CSS

Aleksey Kulikov

 

Butterfly

CSS just works

  • 3 developers team

  • 7668 lines of CSS and just 2 !important

  • 0 issues with CSS during one year

1. BEM naming convention

2. PostCSS + CSSNext

  • Future CSS syntax like variables, nesting
  • Autoprefixer

3. Flexbox

4. Normalize.css

  • solid foundation for all components
  • base styles and variables

5. No DRY

Extra

Thank you!

5 principles for modern CSS

By Aleksey Kulikov

5 principles for modern CSS

Reactiveconf 2016, Lightning Talk

  • 1,181