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
- No need for grid framework
- Good browser support
4. Normalize.css
- solid foundation for all components
- base styles and variables
5. No DRY
- Avoid wrong abstractions in the beginning
- Focus on better components
- Write code that is easy to delete, not easy to extend
Extra
- stylelint + stylelint-config-standard
- stylelint-selector-bem-pattern to enforce BEM rules
Thank you!