ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

November 09740: Looking for a Great Webcam and a Great Browser
Show Description
Chris upgraded his webcam (YOLO amiright?), Dave broke up with Elgato but helped bring automatic picture-in-picture to Chromium, left tabs vs pin tabs, the quest to replace Arc, and Chromium and Webkit browser options in 2026.
Listen on Website
Links
YoloLiv YoloCam S7
Elgato Facecam 4K
Arc-like Automatic Picture in Picture in Chromium
Tupo
Zen browser
Dia browser
CrestBrowser
Ardia.dev
Aside
The Four Tiers of Tab Importance
CodePen WebMCP
Helium.computer
Arcium
Phibrowser
Flecha
Horse Browser
YAB
Kagi and Orion
Brave
Vivaldi
Opera
Opera Air
Opera GX browser
Jake Archibald
SponsorsAI and Design SystemsKeep AI on the rails of your design system. This is the thing the whole industry is trying to figure out: how do you get AI to use YOUR components and conventions instead of making up its own? We walk through our real setups, with context, MCPs, skills, rules, and validation all working together, because no single trick does it on its own.
1 hr 3 min
November 02739: How to Build a Great Puzzle Game with Josh Collinsworth
Show Description
Triple (or maybe even quadruple?) threat Josh Collinsworth is back on the show to talk about his new game, Tupo. They cover how the puzzles are generated and kept fair, why the usual Sudoku pencil marks don't help, and what Josh's player data shows about hints and checks. They also get into the tech stack, why Josh skipped the app stores, and how daily puzzle games took off after Wordle.
Listen on Website
Watch on YouTube
GuestsJosh Collinsworth
Guest's Main URL • Guest's Social
A frontend developer and graphic designer who works across engineering, design, and messaging.
Links
Josh Collinsworth
Tupo · A daily sudoku-style logic puzzle with a twist
Clues By Sam
Balatro: Deck-Building Roguelite
Wordle — The New York Times
Cracking The Cryptic - YouTube
Svelte • Web development for the rest of us
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Push your ideas to the web | Netlify
PocketBase - Open Source backend in 1 file
Quina - Menu
Hondo - a word game in 100 words or less
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 are a powerful combination to deliver quality, speed, and scale.
Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.
52 min
October 26738: The Trouble with Tests and Bugs, Interop Voting, and AI Skills
Show Description
Dave’s got a great concert story to kick off the episode before talking AI-assisted tests, a practical use for HTML markers and templates, Interop voting, browser features like margin-trim, and how to stream content into a page without first building a recursive tree.
Listen on Website
Watch on YouTube
Links
Tupo · A daily sudoku-style logic puzzle with a twist
Clues By Sam
How Many Dudes? | Download and Play!
445: CodePen AI is Here – CodePen
Microsoft-Decision-1: Our model for fast decision-making
Magic Words - daverupert.com
AI Skills for Real Engineers
2027 Web Platform Feature Ranking
Recursion is DEAD and HTML killed it - daverupert.com
The WebM Project | Welcome to the WebM Project
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 are a powerful combination to deliver quality, speed, and scale.
Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.
1 hr 11 min
October 19737: CSS alpha(), SVG with linked-parameters, and Arguing with Humans
Show Description
On this episode we're chatting about how to make modern tooling more collaborative and human-friendly, CSS alpha() and color-mix() features, Chris quizzes Dave on SVG features, voting for interop, CodePen + AI tools, and how to detect when elements overlap with CSS.
Listen on Website
Links
Glove80 Keyboards — MoErgo
Mat Marquis
Do we really need alpha()?
Detect When Elements Overlap with CSS
2027 Web Platform Feature Ranking
Introducing Delta — Zed
Agent Collaboration Environment (ACE) for Multiplayer AI Coding — GitHub Issue #123
Matt Pocock’s Skills for Real Engineers
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 are a powerful combination to deliver quality, speed, and scale.
Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.
1 hr 5 min
October 12736: Building Design Systems Using AI with TJ Pitre
Show Description
TJ 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 Website
Watch on YouTube
GuestsTJ Pitre
Guest's Main URL • Guest's Social
Product 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 Pitre on GitHub
TJ Pitre on LinkedIn
AI + Design Systems — Southleft
SponsorsAI & 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 are a powerful combination to deliver quality, speed, and scale.
Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.
1 hr 10 min
October 05735: Design System Docs, CodePen’s API, and Bucket Filling Conversations
Show Description
Dave 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 Website
Watch on YouTube
Links
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 are a powerful combination to deliver quality, speed, and scale.
Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.
57 min
September 28734: Web Performance with Ben Schwarz
Show Description
Ben 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 Website
GuestsBen Schwarz
Guest's Main URL • Guest's Social
CEO 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
58 min
September 21733: Treadmills, Bass Guitars, and Testing Web Components
Show Description
We're talking treadmill and musical gear, software maintenance, dependency management, technical debt, testing web components, and CSS-Tricks hot drama.
Listen on Website
Links
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
SponsorsSlopTalk ShowGet your AI sloptalk at 50% off your first purchase of 5,000 tokens.
Use coupon code DAVID BUSHELL'S GOLD FISH for your first order and tell 'em Chris and Dave sent ya.
59 min
September 14732: Thomas Steiner on New Cross-Origin Storage APIs
Show Description
We'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 Website
Watch on YouTube
GuestsThomas Steiner
Guest's Main URL • Guest's Social
Developer 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 Web
Pervasive Resources
Intent to ship: Cache sharing for extremely-pervasive resources
1 hr 7 min
September 07731: Terminal UX, Running Multiple Services, Don’t Settle for an App
Show Description
We 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 Website
Watch on YouTube
Links
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 skill
Ghostty
Coda is now Nova
Zed
Introducing Delta — Zed's Blog
Delta | A Multiplayer Environment for Coding with Agents
Helix
59 min