A tale of CSS resets and everything you need to know about them
summary
Compares concrete resets (Eric Mayer, html5doctor, normalize, sanitize, reboot, mini reset), demonstrates sanitize + html5doctor as a practical combo, and shows real failures to avoid: using :empty {display:none}, stripping outlines, or global overflow-x:hidden. Lists an explicit mini-reset: base font 16px, body overflow hidden, universal margin/padding/border:0, position: relative for everything, box-sizing:border-box, font-size:1em, font-weight:400, color:black, p max-width 33em. Recommends adding resets at project start, linking them separately, and using visual regression testing.
AI-written summary · about
chapters (24)
- 0:00Start
- 1:49Css Bugs
- 5:50Forms
- 7:34The First Origin of Css
- 8:43Render Tree
- 9:39Browser Engines
- 13:28Borders and Outlines
- 14:40Basic Reset
- 16:24The Html5 Doctor
- 20:02Normalized Css
- 20:58Sanitized Css
- 21:40Reboot Css
- 22:53Css Remedy
- 24:13Where Do We Begin Introducing Css into Our Projects
- 26:16Download Your Reset File
- 27:03Create a Custom Reset
- 29:23Reset Technique
- 30:09Universal Selector Reset
- 31:23Mini Font Reset
- 48:05Fixing Bugs
- 52:59Performance
- 58:04Should We Care about Cross Browser Visual Regression
- 1:05:19Why Do You Use a Relative for Everything in Your Preset
- 1:08:15The Difference between Regular Developer and Consultant
