Build Scalable, Automated CSS
summary
Claims actionable rules: purge floats except for image wrap or legacy IE6, prefer inline-block or flexbox; name all the things with clear, descriptive classes and avoid fragile element selectors and deep nesting; use preprocessors to define variables, mixins and themes so color tweaks or responsive breakpoints change in one place; automate with Node Grunt Compass (and autoprefixer) to generate prefixes, build CSS and enforce maintainability; measure with a profiler before sacrificing readability for performance.
AI-written summary · about
chapters (7)
- 0:00The state of CSS and devs
- 22:33CSS automation and precompilers
- 29:10Naming and classes
- 35:56Specificity and hacks
- 38:51Proper nesting techniques
- 45:44Avoiding unnecessary complexity
- 47:27Q&A and resources
