243: Keyframes, Cash, and CodePen w/ Shaw

This week, Robbie and Adam welcome Shaw from CodePen to talk CSS animations, web components, server side rendering nightmares, and why building things by hand still matters in the age of AI slop. They dig into the CodePen 2.0 rewrite, Apollo GraphQL cache manipulation, the pain of reactive variables on the server, why Code Mirror 6 is both brilliant and bizarre, and whether stacks and fans will finally solve the PR review problem. Along the way, they cover HTML as a programming language, handwritten code museums, agentic parenting disasters, and why showing up prepared beats luck every time.

In this episode:

Chapters

• 00:00:00 Welcome & Introductions
• 00:02:25 Whiskey Tasting: Andalusia Stryker Texas Smoked Single Malt
• 00:04:32 Hot Takes: Is HTML a Programming Language?
• 00:10:50 Chris Coyier vs Adam Argyle: The Impossible Choice
• 00:13:21 Git Worktrees, Stacks & Fans: Modern Version Control
• 00:22:21 React Server Components: Mistake or Masterpiece?
• 00:24:30 CodePen 2.0: Building a Modern Editor from Scratch
• 00:39:18 AI in CodePen: Curation Over Generation
• 00:45:07 Agentic Parenting & The Fart Sycophant Problem
• 00:57:00 Raising Creative Kids in the Age of Screens
• 01:10:43 Whiskey Review & Final Thoughts

Links

• Andalusia Texas Smoked Single Malt Whiskey: https://andalusiawhiskey.com/

• CodePen: https://codepen.io/

• CodePen 2.0: https://codepen.io/

• KeyFramers: https://keyframers.com/

• Code Mirror 6: https://codemirror.net/

• Apollo GraphQL: https://www.apollographql.com/

• Next.js: https://nextjs.org/

• GitHub Stacks: https://github.com/

• React Server Components: https://react.dev/

• Claude: https://claude.ai/

• Project Hail Mary: https://en.wikipedia.org/wiki/Project_Hail_Mary

• Pico-8: https://www.lexaloffle.com/pico-8.php

• Spike Prime: https://education.lego.com/en-us/products/lego-education-spike-prime-set/45678/

• Blockly: https://developers.google.com/blockly

• Rails: https://rubyonrails.org/

• Go: https://go.dev/

• Vercel: https://vercel.com/

• StackBlitz: https://stackblitz.com/

• Monaco Editor: https://microsoft.github.io/monaco-editor/

• VS Code: https://code.visualstudio.com/

• Raised by Wolves: https://en.wikipedia.org/wiki/Raised_by_Wolves_(American_TV_series)

• The Manualist: https://www.youtube.com/user/TheManualist

• Aesop Rock: https://www.aesoprock.com/

• Minecraft: https://www.minecraft.net/

• Nerdy.dev: https://nerdy.dev/

Connect with Shaw

• Website: https://shshaw.com/

• X / Twitter: https://x.com/shshaw

Connect with the hosts

• Robbie Wagner: https://x.com/RobbieWagner

• Adam Argyle: https://x.com/argyleink

Subscribe and stay in touch

• Website: https://whiskey.fm

• Apple Podcasts: https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603

• Spotify: https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf

• Overcast: https://overcast.fm/itunes1552776603

• YouTube: https://www.youtube.com/@WhiskeyWebAndWhatnot

Whiskey Web and Whatnot Merch
Enjoying the podcast and want us to make more? Help support us by picking up some of our fresh merch at https://whiskey.fund.