Refactoring A Website with Modern CSS Tricks

on YouTube ↗40m

" summary

Shows an audit workflow: run Project Wallace and CSS Stats, use Chrome coverage to surface a concrete example like 64.8% unused CSS, flag spacing resets and specificity hotspots, identify legacy grid fallbacks and third‑party carousel risk, propose a component‑by‑component refactor with a temporary override file (e.g. defend.css), measure before/after with file‑size and load‑time deltas, attach refactors to planned feature work, and deliver small, testable wins instead of a full rebuild.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 8:53Why refactoring CSS matters
3. 14:12Auditing legacy CSS
4. 22:37Business case for refactoring
5. 31:24Practical refactoring steps
6. 38:47Conclusion and key takeaways

" related talks

• 55mRefactoring CSSAna Rodrigues · CSS Day 2025
• 39mMaintaining and Modernising CSSAna Rodrigues · beyond tellerrand Berlin 2025
• 17mRefactoring CSSMattia Tommasone · CSS Day 2017
• 42mRefactoring CSS Without Losing Your MindHarry Roberts · CSSconf Argentina 2016
• 18mRefactoring with CSS GridOliver Williams · CSSconf EU 2018
• 27mRefactoring (the way we talk about) CSSRachel Andrew · Nordic.js 2019
• 51mModern CSS Development: Tooling & WorkflowsUmar Hansa · CSS Day 2023
• 19mCSS FirstMichelle Bu · CSSConf Oakland 2014