Episode notes
Show DescriptionWe're talking treadmill and musical gear, software maintenance, dependency management, technical debt, testing web components, and CSS-Tricks hot drama. Listen on WebsiteLinks Underdesk Treadmill – Chris Coyier Sarah Drasner's Site Maggie Appleton Acoustic Bass Guitars - 4 string & 6 string | Taylor Guitars CSS-Tricks - Learning for front-end designers and developers Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Master.dev @web/test-runner - npm Node.js Test Runner Fast and reliable end-to-end testing for modern web apps | Playwright…
Podcast
ShopTalk
Chris Coyier & Dave Rupert · Tech & Science · English
A podcast about web design and development.
More from ShopTalk All episodes →
-
12 Oct 2026 · 1 hr 10 minNew
736: Building Design Systems Using AI with TJ Pitre
Show DescriptionTJ Pitre joins us to talk AI in design systems, building and maintaining component libraries, the evolution of modular CSS and component workflows, connecting Figma and code, keeping components in sync across tools and teams, human review in AI-assisted workflows, Storybook, MCP tools, evals, and decision models like Jev for choosing components. Listen on WebsiteWatch on YouTubeGuestsTJ PitreGuest's Main URL • Guest's SocialProduct Architect for AI and Design Systems at Figma. Founder of Southleft. Links AI & Design Systems Course with Brad Frost, TJ Pitre, and Ian Frost TJ…
-
5 Oct 2026 · 57 min
735: Design System Docs, CodePen’s API, and Bucket Filling Conversations
Show DescriptionDave and Chris explore the evolving landscape of design systems, CodePen's new API features, what happens when an app moves your cheese and how to respond, and Regretful API's. Listen on WebsiteWatch on YouTubeLinks Bear — Markdown Notes Design System Doc Spec 0.21.2 437: The Cheese. It Has Been Moved. — CodePen CodePen PRO TypeSafe AI Tupo — A daily sudoku-style logic puzzle with a twist SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems…
-
28 Sep 2026 · 57 min
734: Web Performance with Ben Schwarz
Show DescriptionBen Schwarz stops by to discuss the state of web performance, using his research on airline websites as a case study for practical insights on improving website speed and user experience. Listen on WebsiteGuestsBen SchwarzGuest's Main URL • Guest's SocialCEO at Calibre Analytics Links ShopTalk Archives 2013 068: With Ben Schwarz – ShopTalk Ben Schwarz — Founder & CEO at Calibre Calibre: Web Performance Monitoring for Every Team It's official: Airline websites are slow, but they don't have to be | Calibre World Airline and Airport Ratings
-
14 Sep 2026 · 1 hr 6 min
732: Thomas Steiner on New Cross-Origin Storage APIs
Show DescriptionWe're joined by Thomas Steiner from Google to discuss his proposal for cross-origin storage, a new web API designed to bring back safe, cross-site resource sharing. We explore why the old shared-CDN caching model collapsed due to privacy and fingerprinting risks, and how this could solve those issues while avoiding those same pitfalls. Listen on WebsiteWatch on YouTubeGuestsThomas SteinerGuest's Main URL • Guest's SocialDeveloper Relations Engineer at Google, focused on the Web and Project Fugu. Links David Bushell daverupert.com 633: Thomas Steiner on AI in Chrome and the…
-
7 Sep 2026 · 59 min
731: Terminal UX, Running Multiple Services, Don’t Settle for an App
Show DescriptionWe want your positive tech support stories! Topics this week include wrangling DNS/DKIM/DMARC for a friend's newsletter, comparing terminal tools like TMUX and Herdr, and juggling Rails, Node, and AI agent processes, and figuring out which tooling you like best. Listen on WebsiteWatch on YouTubeLinks JeffBridges.com tmux — The Terminal Multiplexer for Developers | tmux.app Herdr: the runtime coding agents run on GitHub Copilot app Solid 2.0 RC: The Big \ | SolidJS Nobody Argued For Your Stack - DEV Community cmux - The terminal built for multitasking bencodezen i-have-adhd…
-
31 Aug 2026 · 1 hr
730: A/B Testing with Charts, Music Recommendations, & Web Permissions
Show DescriptionThe realities of A/B testing, the future of specialized hosting in the AI era, microphone and camera permissions on the web, tricks for working with HTML email, and hyping Midnight Vinyl Club and How Many Dudes? Listen on WebsiteWatch on YouTubeLinks 8 New CSS, JS and HTML Features You Should Know - Syntax #1033 Mermaid | Diagramming and charting tool What Is AI Coding Doing To Us? - YouTube Midnight Vinyl Club MJML - The Responsive Email Framework AT Protocol How Many Dudes? | Download and Play!
-
24 Aug 2026 · 59 min
729: After Dark Edition! Microlighter, Tri-state Drama, and Editing Video Quickly
Show DescriptionDave and Chris try to get their LUTS in a row, figure out which app to use to edit and publish video quickly, Dave's new syntax highlighter microlighter, could web MCP be a good thing to help agents use CodePen better, and saying no is as important as what you do ship. Listen on WebsiteWatch on YouTubeLinks Introducing Microlighter - daverupert.com MicroLighter - A zero-dep syntax highlighter TextMate: Text editor for macOS Dark mode toggles: two states are enough • Lea Verou The Case for Tri-State Dark Mode Toggles – Bram.us
-
17 Aug 2026 · 1 hr 1 min
728: BIMI, Good Favicon Practice, and CSS @Layer Exploration
Show DescriptionHaving type two fun, email branding with BIMI, accessibility details in icons and favicons, using AI as a coding and maintenance partner, CSS @layer property, design systems, and the economics of fast AI hardware. Listen on WebsiteWatch on YouTubeLinks How and Why to Implement BIMI Selectors - BIMI Group You kinda want an orange favicon. – Chris Coyier Thinking Horizontally in CSS @layer AMD snaps up Toronto chip startup Taalas | Financial Post
Take it with you
The Melo app keeps playing with the screen off, works in the car and on your watch, wakes you to your station, and browses the whole catalogue offline. Free, no ads, no account.
