Normalising designs for better quality CSS
summary
Argues for saying no to designs that bloat CSS and for pragmatic tradeoffs that keep a codebase tiny and maintainable. Uses concrete rules: a 16px base font and 24px base spacing unit, normalize repeated values, abstract into reusable classes and variables, and apply an 80/20 rule to choose 20% of code that delivers 80% of the design. Replaces heavy gradients and images with illusionary backgrounds and 1px borders, ships m.skybet.com and reports noticeably faster pages and happier users.
AI-written summary · about
chapters (4)
- 0:00Start
- 33:18give every block level element the same initial margin bottom
- 34:40spin off any variations of a component
- 35:29distill your design down to numbers
