XXLCSS: a Battle Plan for Scaling CSS
summary
Concrete checklist for cleaning a messy stylesheet and keeping it small as the product grows: use Sass and preprocessors for partials and manifests, follow five steps—prepare refactor rules, create a file structure, pick a naming convention, build self contained modules, and document continuously—add linters and show before and after metrics to convince stakeholders, accept about 80% coverage as realistic, adopt a living style guide generator such as hologram by Trulia, and refactor one thing at a time so changes stay safe and measurable.
AI-written summary · about
chapters (17)
- 0:00Start
- 0:52100% Designer
- 1:51A practical guide for scaling your CSS, on the go
- 4:16Preprocessors
- 5:08Setting the goals
- 6:49The battle plan
- 9:12Prepare for refactoring
- 12:08Refactor one thing at a time
- 13:08Create a file structure
- 14:54Molecules Organisms
- 15:39Establish a naming convention
- 16:05Consistency
- 18:19Namespaces
- 20:23STEP 4 Create your modules
- 24:27Document & maintain
- 25:03Create a living style guide
- 26:13Document your code style
