I'm Going To Make You Stop Hating CSS
summary
Opens with a breakdancing video, then demonstrates concrete CSS fixes: solves text clipping by combining overflow rules and word-break, explains position vs static and z-index gotchas, shows float clearfix hacks and why floats fail, then builds responsive layouts with grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) and uses grid ordering to rearrange DOM-less layouts. Covers flex for squishy rows and vertical centering with display:flex; align-items:center; justify-content:center, notes IE10/11 need prefixes, and links to CSS Diner, Flexbox Froggy, Grid Garden, CSSBattle.
AI-written summary · about
chapters (13)
- 0:00Introduction and passion
- 8:47Speaker introduction
- 12:21Why CSS is misunderstood
- 14:30Weird things in CSS
- 25:14Problems with floats
- 31:05CSS Grid revolution
- 41:53Browser support realities
- 44:39Flexbox alternatives
- 48:19Vertical centering with Flex
- 50:25CSS vs JavaScript libraries
- 51:30Understanding the Cascade
- 53:24Learning resources
- 55:52Closing and call to action
