Rolling Your Own CSS Methodology
summary
Claims a custom CSS methodology called Argon that combines BEM OOCSS and SMACSS ideas and ships as a disciplined convention not a framework, implemented with Sass, linters and Sass source maps; forbids IDs and deep element selectors, limits nesting to three levels, bans no !important, uses a js- prefix for behavior-only classes and light state classes, uses camelCase modifiers and single underscores/hyphens, rolls out by cloning templates and staff-only swaps with tweak files, takes about a year to fully roll out and yields far fewer specificity battles.
AI-written summary · about
chapters (8)
- 0:00Start
- 10:04Re-usability
- 10:37Modularity
- 12:23Ugly selectors? You bet they are.
- 16:22ARGON IDEALS
- 22:19Exceptions
- 24:49New features only
- 30:33Over-reliance on modifiers
related talks
40mThe ABC's of Architecting Better CSS
24mCSS: Children of a Lesser God
36m10 Commandments for Efficient CSS Architecture
31mIn Defence of CSS and the Cascade
21mThe Ideal Styling Language: a gedankenexperiment
25mBuild Your Own Development Process With PostCSS
35mBetween Accessibility and Style: Semantics and CSS Architecture
33mCSS for Software Engineers for CSS Developers