The Power of CSS
summary
Dives into concrete tricks: uses filters and blend modes (multiply, screen, hue/saturation, difference/exclusion) plus gradients to create Instagram-like filters, glitches and animated effects; builds CSS-only accordion, tabs, lightbox and modal using inputs, :target and adjacent-sibling selectors (notes modals lack focus trap and Escape support so not fully WCAG compliant); demonstrates CSS is Turing-complete via rule 110 checkboxes, shows CSS games (tic‑tac‑toe, target counter), a DIY Diffy visual-regression using difference blend mode, and warns of mobile battery/performance costs.
AI-written summary · about
chapters (10)
- 0:00Introduction and CSS love
- 2:30Photoshopping in the browser
- 11:11CSS is Turing complete
- 12:38UI components with CSS
- 17:38Accessibility in CSS hacks
- 21:24Scroll progress indicator
- 23:52CSS feature detection with @supports
- 25:57Live coding and CSS games
- 29:34Power of CSS as a bridge
- 30:15Closing and resources
