You've been doing CSS wrong
summary
Claims that CSS gets treated as copy‑paste styling not programming and that a Software‑Engineering approach — tests, platform features, and CSS‑in‑JS — improves it. Builds simple button variants, shows 35 lines per button ballooning to 105 lines then reduces to ~80 through class abstractions but introduces a disabled hover bug caused by specificity; fixes it with :enabled qualifiers. Demonstrates a small React styled-components demo (rough setup, mostly working) and argues to drop BEM in favor of testable, platform‑aware patterns.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 3:36Duplicating CSS problems
- 9:34CSS is not dumping code
- 12:26CSS abstractions
- 15:42Cost of simple abstractions
- 17:30Refactoring lessons
- 21:05Testing CSS safely
- 22:14Embrace CSS platform
- 27:45Q&A
related talks
31mCSS in JS: Is it worth the hype
33mThe Purification of Web Development
40mThe ABC's of Architecting Better CSS
03mWith good naming convention, CSS works pretty well
01h 04mCSS for Software Engineers for CSS Developers
33mCSS for Software Engineers for CSS Developers
23mCustom CSS is the Path to Inconsistent UI
56mModern CSS For Dynamic Component-Based Architecture