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.