The Stack Overflow Podcast

Wanna see a CSS magic trick?

12 snips
Jan 30, 2026
Guest
Chris Coyier
Chris Coyier, frontend developer who created CSS-Tricks and co-founded CodePen. He explores the evolution from table layouts to modern CSS, new features like typed custom properties and scroll-driven animations, accessibility considerations like prefers-reduced-motion, and what CodePen 2.0 will bring.
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ANECDOTE

Tables Linger In Email Layouts

  • Early web layouts often used HTML tables, which worked like spreadsheets for placement.
  • Chris notes emails still commonly use table layouts due to email client quirks like Outlook.
INSIGHT

Anchor Positioning Decouples Layout From DOM

  • Anchor positioning decouples placement from DOM structure so elements can position relative to others.
  • The API also includes safe positioning and fallback behaviors to avoid clipping.
INSIGHT

Scroll Drives Animations Natively

  • Scroll-driven animations make scroll position the animation timeline instead of time.
  • This replaces complex JavaScript scroll handlers with performant, declarative CSS animations.
Get the Snipd Podcast app to discover more snips from this episode
Get the app