Project Ironman
summary
Refactors a legacy CSS base into a pattern library using atomic design, BEM and ITCSS, switching to mobile‑first and normalize + border‑box, replacing sprites with SVGs. Work finishes in a four‑week feature freeze with ~900 commits, +12,000 lines added and removed ~40,000 lines of CSS/SCSS, 451 icons consolidated, 352 files changed; A/B testing at 50% shows neutral business impact and rendering performance improves modestly (~50 ms) while iteration velocity increases.
AI-written summary · about
chapters (13)
- 0:00Project Ironman introduction
- 3:37Why Project Ironman was needed
- 7:30Legacy codebase chaos
- 11:17Three-step refactoring plan
- 16:00Selling refactoring to management
- 19:15Refactoring team dynamics
- 22:47Kanban progress tracking
- 24:12Code changes impact
- 26:40CSS and performance before/after
- 28:26Color palette consistency
- 30:14A/B testing results
- 30:56Project Ironman results
- 33:06Faster iterations
related talks
29mLarge Scale CSS Refactoring
39mLarge Scale Refactoring at trivago
21mStuff About Cascading Style Sheets
43mPreprocessors, Components, and CSS in JS
40mRefactoring A Website with Modern CSS Tricks
45mA real-life journey into the opinionated world of 'utility-first' CSS
23mCSS-in-JS
48mAtomic CSS Deep Dive