Podcast · Tech & Science

ShopTalk

by Chris Coyier & Dave Rupert · English · Tech & Science

A podcast about web design and development.

New episodes: Weekly
Typical length: 59 min
Latest: 12 Oct 2026
Language: English

Latest episode

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…

Play episodeWhatsApp Download

Earlier episodes 29 most recent

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
21 Sep 2026
733: Treadmills, Bass Guitars, and Testing Web Components
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…
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
10 Aug 2026 · 59 min
727: Front-End Complexity, AI Co-Authorship, and New CSS Navigation Patterns
Show DescriptionWe tackle a listener question about why junior front-end devs are expected to know so much beyond HTML and CSS, then get into Dave's real-world fix swapping old WebKit line-clamp hacks for the new CSS line-clamp property and the subtle bugs that kind of truncation work can cause. They also debate whether AI tools like Claude or Copilot deserve co-author credit on commits, gripe about agent-only coding workflows that skip linting and hide what's actually happening, and wrap up looking at new platform features like the navigation API and a proposed CSS-based routing approach…
3 Aug 2026 · 53 min
726: Be More Weird, Sameness is Ok, and People Noticing the Effort You Put In
Show DescriptionWe're checking on quarter 3 KPIs, using AI for admin dashboards is kind of fun, being a weirdo is something we should aspire to, there's a reason things sometimes all look the same and that's ok, people see the effort you put in to your creativity on the web, and thoughts on generating a random post on a static site generator. Listen on WebsiteWatch on YouTubeLinks Lunch Money – Delightfully Simple Personal Finance & Budgeting Pyramid Inu (YouTube) Application Holotypes: A Guide to Architecture Decisions marcel.io perfect-freehand Cranking View Transitions Up to 11 – Bram.us…
27 Jul 2026 · 1 hr 1 min
725: CodePen 2.0, Templates on the Web, The Year of HTML?
Show DescriptionCodePen 2.0 is out now and we're talking about the launch, the idea of templating on the web, and how HTML could look very interesting in the future. Listen on WebsiteWatch on YouTubeLinks Yarn Announcing TypeScript 7.0 CodePen 2.0 announcement blog post SponsorsNotionWrite custom tools for Notion Agents that generate assets, query live data, and hit any API. Listen for incoming webhooks from any app, then run workflows with Notion Agents, pages, databases, and external APIs. All of this, on a hosted runtime. Workers are isolated sandboxes managed by Notion, so the code…
20 Jul 2026 · 56 min
724: Ask Dan Abramov Anything About AT Proto
Show DescriptionIf you're like Chris and understand a bit of the tech behind AT Proto but want to understand it at a deeper level, this episode is for you. How does it differ from straight up RSS and Mastodon, where is my identity being stored, how do I create a schema, what can be updated or modified later, is there going to be a PDS revolution, how does Standard.site fit into it all, and what else could we build with AT Proto? Listen on WebsiteWatch on YouTubeGuestsDan AbramovGuest's Main URL • Guest's SocialLinks overreacted There are no instances in AT Proto dan abramov Tangled Leaflet…
13 Jul 2026 · 57 min
723: Ads on Your Website, UX for Web Dev Jobs, and Progressive Web Components
Show DescriptionHow do websites handle advertising embeds, thinking DND thoughts about team topologies, does knowing UX help get jobs in web dev, using Elena for building progressive web components, and dealing with buttons in web components. Listen on WebsiteLinks BuySellAds Carbon Ads It needs to map back to a role – Eric Bailey Elena | Progressive Web Components Ariel Salminen David Darnes SponsorsNotionWrite custom tools for Notion Agents that generate assets, query live data, and hit any API. Listen for incoming webhooks from any app, then run workflows with Notion Agents, pages,…
6 Jul 2026 · 59 min
722: The No-AI Talk Challenge, Picking Rails Tooling, Dark Mode?
Show DescriptionChris & Dave have been challenged to not talk about AI this episode - do they succeed? How do I optimize tracking pixels in my web app, what's the best book on CMS and authoring experiences, picking the best tooling in Rails that won't be obsolete, SPF, DNS, and D-Marc, adding dark mode to a website, and dealing with good old fashioned F.A.R.T. Listen on WebsiteWatch on YouTubeLinks Vizio accidentally made the best dumb TV on the market | The Verge Window: queueMicrotask() method - Web APIs | MDN Jake Archibald on the web browser event loop, setTimeout, micro tasks,…
29 Jun 2026 · 1 hr 2 min
721: New Gear, Nerding Out, and VS Code Forks
Show DescriptionWhat to do when you have more ideas than time, getting new musical gear, nerding out and getting excited about things, the state of conferences in 2026, Cursor being bought, and Dave's got a minimum viable design system idea. Listen on WebsiteWatch on YouTubeLinks FFConf Figma Config 2026 SpaceX locks in $60 billion Cursor deal Google Antigravity Devon: An open-source pair programmer Introducing Composer 2 @function CSS at-rule A tale of two browsers Google's Prompt API SponsorsNotionWrite custom tools for Notion Agents that generate assets, query live data, and hit any API.…
22 Jun 2026 · 1 hr 5 min
720: TypeScript Complaints, Slowing Down, and AT Proto Protocols
Show DescriptionIn praise of a solid Shure microphone (sponsor??), AI being really helpful in certain situations, TypeScript complaints about complaining, TypeScript at CodePen, should we all slow down a bit, CI jail and work trees, AT Proto and related protocols, interestForElement in HTML, and how many spoons do you have left for Clues by Sam? Listen on WebsiteLinks MV7+ - Podcast Microphone - Shure USA Lit Devin | The AI Software Engineer Understanding Standard.Site Now in your timeline: Standard.site brings richer previews from across the open web - AT Protocol tv for developers — CodeTV…
15 Jun 2026 · 1 hr 3 min
719: Estimating Project Time, React Server Components, and Lifetime Offers
Show DescriptionHow do you estimate how long a task or project is going to take? Is it easier or more difficult with AI's help? Were web components a mistake? What do we think about Cloudflare's EmDash now? And are lifetime offers a good or bad thing in the dev community? Listen on WebsiteLinks Keyframes, Cash, and CodePen w/ Shaw - Whiskey Web and Whatnot Meeting Design - For Managers, Makers, and Ever :host CSS pseudo-class - CSS | MDN Introducing EmDash WP Migrate SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails,…
8 Jun 2026 · 58 min
718: 3D Printing Life Upgrades, Don’t Give Away Your Dopamine, and CodePen App Deploys
Show DescriptionDave's upgrading his office with a 3D printer, Chris is ordering 3D printed parts for his van, using mobile Starlink, Chris redesigned his website, playing puzzle games like Statedoku, Chess Peace, and Clues by Sam, how CodePen is going to support pointing domains at your app, and what Vite getting bought by Cloudflare signals. Listen on WebsiteWatch on YouTubeLinks Kagi - Reclaim the Web & Restore Your Privacy A week on the road The New Van – Chris Coyier Chris Coyier – Web craftsman, blogger, author, speaker. Social RSS (?) – Chris Coyier Statedoku — Daily US States Puzzle…
1 Jun 2026 · 53 min
717: Better DX for Web Components, What Was Popular That Now We’re Used To?
Show DescriptionDave's changing up his camera angles, Chris has been upgrading his Sprinter van, how many hobbies is too many, what kinds of web tech was popular years ago that now seems normal, why isn't the DX around web components better, how can I structure my code to compose other custom elements, and what still can't be done on the web these days? Listen on WebsiteLinks Custom Elements Manifest Diffs, Trees, and VS Code 2.0 - Syntax #1008 CodePen Radio SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks,…
25 May 2026 · 1 hr 4 min
716: Google I/O 2026 Recap Edition
Show DescriptionWe're running down what's new from Google for the web and figuring out if it's web developer Xmas or AI Doomsday this year. Listen on WebsiteWatch on YouTubeLinks Paul Irish The Dialog Element with Entry and Exit Animations 15 updates from Google I/O 2026 Google I/O 2026: What's new in Web UI SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital…
18 May 2026 · 53 min
715: Would You Like a LLM With Your Browser?
Show DescriptionWhat happens to a website when it stops? Is there a space for an internet salvage yard for websites? How do you feel about LLMs being included with your browser? And are we ever going to find out where AI got all it's data from? Listen on WebsiteWatch on YouTubeLinks Mat on Google's Prompt API Hard Fork - The New York Times 633: Thomas Steiner on AI in Chrome and the Web – ShopTalk Building Toward a Sustainable Content Economy for the Agentic Web | Microsoft Advertising Introducing Vanishing Culture: A New Book on the Loss of Our Digital Memory | Internet Archive Blogs…
11 May 2026 · 54 min
714: Camping, Burnout, and Chris’ CSS Talk
Show DescriptionHow responsible should you be for fixing your own website for others, Dave's got a blacklog of blog posts, Chris got a camper van, debating burnout even when you love your work, a weekly AI doomer check in, and Chris has a talk for Smashing Magazine happening by the time you hear this. Listen on WebsiteWatch on YouTubeLinks Winnebago Revel | AWD Off-Grid Camper Van Naz Hamid Opus OP4 Camper | Premium Off-Road Inflatable Trailer USA HealthyGamerGG - YouTube Smashing Conferences — Smashing Magazine SponsorsAI & Design Systems CourseThis course is for anyone invested in the…
4 May 2026 · 1 hr 13 min
713: AI + Design Systems with Brad and Ian Frost
Show DescriptionBrad and Ian Frost are back to chat about integrating AI into website and design system building, how to keep AI slop out of your design systems, building things humans need regardless of the tooling, and thinking of AI as a fancy linter. Listen on WebsiteGuestsBrad FrostGuest's Main URL • Guest's SocialIan FrostGuest's Main URL • Guest's SocialLinks Redesigning My Website While Painting a Mural: The Ancient Future of Web Design - YouTube AI & Design Systems Course with Brad Frost, TJ Pitre, and Ian Frost Brad Frost Ian Frost SponsorsAI & Design Systems CourseThis course is…
27 Apr 2026 · 1 hr 5 min
712: Lazy Loading the Web with Scott Jehl
Show DescriptionChris Coyier and Scott Jehl discuss the recent advancements in lazy loading on the web, the process of standardization, browser support, and the future of web performance optimization. Listen on WebsiteGuestsScott JehlGuest's Main URL • Guest's SocialTech lead of the Performance & Accessibility Team at Squarespace. Links Scott Jehl, Web Designer/Developer YouTube Embeds are Bananas Heavy and it's Fixable – Frontend Masters Blog How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today — Squarespace Engineering Blog Squarespace & Web Standards: How We Helped Bring…
20 Apr 2026 · 1 hr 3 min
711: Where did Oh My Zsh Come From? And Using Rails in 2026
Show DescriptionWe've got Robby Russell, maintainer of Oh My Zsh, on the show to talk about why Chris has it installed, what makes a good Zsh plugin, Oh My Zsh plugins Robby recommends, what it's like working in Rails in 2026, dealing with project dependancies, and how Rails apps make use of frameworks? Listen on WebsiteWatch on YouTubeGuestsRobby RussellGuest's Main URL • Guest's SocialCEO and Partner at Planet Argon Links Oh My Zsh - a delightful & open source framework for Zsh Robby Russell - CEO, Partner Planet Argon On Rails Podcast Maintainable Software Podcast ohmyzsh/plugins/autojump…
13 Apr 2026 · 56 min
710: Simen Svale from Sanity
Show DescriptionWhat is Sanity and who is it for in the age of AI, managing content with AI, how Simen Svale uses AI agents alongside Sanity, designing a MCP, design with Pencil vs Figma, how Inngest works, and how Simen keeps AI agents busy all day. Listen on WebsiteWatch on YouTubeGuestsSimen SvaleGuest's Main URL • Guest's SocialCo-founder/CTO at Sanity.io Links The Content Operating System for the AI era | Sanity Coding Agents & Complexity Budgets | Lee Robinson Message from Sanity Pencil – Design on canvas. Land in code. AI and backend workflows, orchestrated at any scale…
6 Apr 2026 · 56 min
709: Slopforking a CMS, Apple Browser Feedback, and Custom Theme CSS
Show DescriptionDave's plan for when AI finally takes his job, going to the movies in 2026, Chris & Dave chat with Apple about the state of browsers, Dave has a way of setting a theme with a custom space property, and Cloudflare slopforks a CMS. Listen on WebsiteWatch on YouTubeLinks The Greatest Average American: Season 1 | Rotten Tomatoes Weapons (2025) directed by Zach Cregger Dave's CodePen Pen Introducing EmDash SponsorsSanitySanity is a Content Operating System. It gives editors a real workspace. Studio is a customizable editing interface where your content team publishes without…
30 Mar 2026 · 58 min
708: People Are Not Friction, Getting Rid of the CMS, and Social RSS Follow Up
Show DescriptionMemories of Hawaii, people are not friction in the AI age, what do you pre-load for a flight, can you get rid of the CMS with AI involved, Dave's dream for a custom VS Code machine, CommonRSS follow up conversation, the hype for ATProto, and picking music apps for a family. Listen on WebsiteWatch on YouTubeLinks People are not friction USB-C to 3.5mm Audio Cable (1.2m) - Apple (CA) The Shape of Friction · Matthias Ott Whiskey Web and Whatnot Coding Agents & Complexity Budgets | Lee Robinson "You should never build a CMS" | Sanity Blog | Studio303 Skyreader npmx - Package…
23 Mar 2026 · 56 min
707: RSS with Social, AI Agent Traffic, and What to Blog About
Show DescriptionListener John has a VSCode extension to share, Chris muses on why nobody has attempted to build the social side of RSS, a listener is experimenting with feature-based folder structures, how do you feel about AI traffic on your website, what can someone blog about in 2026, and Digg gets dugg by bots. Listen on WebsiteWatch on YouTubeLinks DTF St. Louis | Official Trailer Parasite (2019) tag-toggle - Visual Studio Marketplace CommonRSS Skyreader Tim Disney (@disnetdev.com) — Bluesky Feedbin Webspace Invaders · Matthias Ott

About ShopTalk

A podcast about web design and development.

ShopTalk is a English tech & science podcast from Chris Coyier & Dave Rupert. Melo plays each episode straight from the publisher's own feed — no ads added, no account needed — and remembers where you stopped, in this browser only.

Publisher: Chris Coyier & Dave Rupert
Language: English
Category: Tech & Science
New episodes: Weekly
Typical length: 59 min
Latest episode: 12 Oct 2026
Feed: RSS — paste into any podcast app
Apple Podcasts: podcasts.apple.com/podcast/id493890455

RSS feed Apple Podcasts

More English tech & science

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.