ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

September 01, 2025680: CSS random(), IDs in HTML, and Chris Goes Browser Shopping
Show Description
A quick update on Dave's hair, CSS random(), view transitions in CSS, thinking about IDs in HTML, opening details elements in a new tab, Chris tries out Edge, Shift, Zen and more, how Dave is trying to kick his YouTube tab habit, and government design fails.
Listen on Website
Watch on YouTube
Links
Monchhichi - Wikipedia
Rolling the Dice with CSS random() | WebKit
Cyd Stumpel | Portfolio Cyd Stumpel
Get to know Microsoft Edge on Mac | Microsoft Edge
Download Firefox for Desktop — from Mozilla
Zen Browser
Shift Browser | Drag and Drop. Build Your Custom Browser
Kagi Search - A Premium Search Engine
Limiting YouTube to a Single Tab - daverupert.com
America by Design Fail
18F - Wikipedia
49 min
August 25, 2025679: Two Idiots Argue With Kevin Powell About CSS
Show Description
Kevin Powell is on the show with breaking news about display masonry, how his career on YouTube started and where it's at now, selling courses and diversifying the content you create, struggling with being on all the platforms, and writing vs video in the age of AI.
Listen on Website
Watch on YouTube
GuestsKevin Powell
Guest's Main URL • Guest's Social
CSS Evangelist. I absolutely love CSS, and I want to help new front-end devs enjoy learning it, and help seasoned vets see how great it really is.
LinksHere's the content formatted as a markdown linked list:
Kevin Powell | CSS Evangelist
Kevin Powell - YouTube
Courses
Kevin Powell | creating front-end video tutorials | Patreon
KevinPowellCSS - Twitch
Kevin Powell (@kevinpowell.co) — Bluesky
Kevin Powell (@[email protected]) - Front-End Social
Kevin on CodePen
kevin-powell (Kevin Powell) · GitHub
55 min
August 18, 2025678: AI Hype, Browser Journey, and Content Creation Incentives
Show Description
Identifying where we are in the AI hype cycle, a quick #davegoeshairy update, what has been the impact of AI on tech creators, Chris is making his own CSS starter on stream, and Item flow / masonry discussions.
Listen on Website
Watch on YouTube
Links
Introducing GPT-5 - YouTube
Simon Willison on ai
Orion Browser by Kagi
VisBug
Chrome Canary Features For Developers - Google Chrome
Download Microsoft Edge
Zen Browser
Google Backtracks On Plans For URL Shortener Service
Impact of AI on Tech Content Creators
Pre-commit Hooks, requestAnimationFrame, Code Reviews, and More - Syntax #922
CodePen Radio
CSS Tools: Reset CSS
Item Flow – Part 2: next steps for Masonry | WebKit
55 min
August 11, 2025677: Background Code Agents, Append AI, and RSS Starter Packs
Show Description
What helps you remember a person's name, thinking about background coding agents, is AI for append only mode, what are MCPs and how should I think about them, what has been working for more than a month not just the last two days, and coming up with an RSS starter pack riffing off Molly White's article on using RSS.
Listen on Website
Watch on YouTube
Links
Visual Studio Code - YouTube
Cursor - The AI Code Editor
Visual Studio Code - Code Editing. Redefined
A single data and AI development environment - Amazon SageMaker Unified Studio - AWS
Jules - An Asynchronous Coding Agent
Curate your own newspaper with RSS
Chris Coyier – Web craftsman, blogger, author, speaker.
The Homepage of Dave Rupert - daverupert.com
Chris Coyier
Molly White
The Verge
Adactio: Jeremy Keith
Adactio: Links
Jim Nielsen's Blog
Home | Rach Smith's digital garden
Maggie Appleton
Naz Hamid
kottke.org - home of fine hypertext products
live laugh blog | hi, i'm jenn schiffer and this is my lifestyle blog
Sharing what we learn about the responsive web – Cloud Four
web.dev
Blog | WebKit
Home - Microsoft Edge Blog
Blog • Lea Verou
Frontend Masters Blog – Helping Your Journey to Senior Developer
ui.dev | JavaScript, but fun.
Welcome to Ethan Marcotte's website — Ethan Marcotte
Josh Collinsworth | Blog
everything changes
Writing – Eric Bailey
Balatro University - YouTube
1 hr 3 min
August 04, 2025676: The $200 Upgrade, CSS Module Scripts, and Social Media Ethos
Show Description
It's time for a ShopTalk GearTalk segment on video and audio upgrades, a chat about better YouTube thumbnails, buying the $200 Yamaha guitar (or equivalent in other areas of life), Chris and Dave riff on CSS modules, and what's your social media ethos in 2025?
Listen on Website
Watch on YouTube
Links
how to make a killer thumbnail (for the 2025 algorithm) - YouTube
Facecam 4K | Elgato
Before I go: Always buy the $200 Yamaha - daverupert.com
The $200 Yamaha – Chris Coyier
668: Jake Archibald on Native HTML Includes – ShopTalk
668: Jake Archibald on Native HTML Includes - YouTube
605: Jim Nielsen on Subversive URLs, Blogging + AI, and Design Engineers – ShopTalk
504: Jim Nielsen Blogging, App Icons, Color, and Images – ShopTalk
A social media ethos - daverupert.com
1 hr 1 min
July 28, 2025675: Building Hot Page with Tim Farnam
Show Description
Tim Farnam stops by to talk with Chris and Dave about his new project, Hot Page, and why and how he started building it after working in print and web news.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
Listen on Website
Watch on YouTube
GuestsTim Farnam
Guest's Main URL • Guest's Social
Creative coder based in Mexico City, building Hot Page to help people make better websites, learn web development and quit their reliance on big tech.
Links
Hot Pricing
Design Tokens Course with Brad Frost and Ian Frost
Web Awesome
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
1 hr 4 min
July 21, 2025674: Context in Console, CodePen’s New Editor, and Looking for a New Arc
Show Description
Dave's coming in hot from vacation, how CodePen's new editor imports packages, should CodePen fix your code if you forgot something, the struggle to get the right context in the console, Chris is still shopping for an Arc replacement, and the struggles with inspiration driven engineering.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
Listen on Website
Watch on YouTube
Links
Orion Browser by Kagi
Meet Dia
Chrome Canary
SigmaOS
Mythic Quest - Wikipedia
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
1 hr 2 min
July 14, 2025673: Live-streaming Demos, CSS Animation Composition, and Anchor Position
Show Description
Chris and Dave chat about whether you should wing it or script your videos, unplanned demos versus the safety net of edited videos, streaming software with Ecamm Live vs OBS vs Streamlabs, new CSS animation composition, and anchor positioning thoughts.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
Listen on Website
Watch on YouTube
Links
Canon EOS 5D Mark IV
Sony ZV-1
Twitch > jlengstorf
Twitch > ChrisCoyier
YouTube > Chris Coyier
Frontend Masters
Figma
Canva
Figma Buzz
YouTube > Mark Rober
YouTube > The Coding Train
Ecamm Live
YouTube > CodePen
Floating UI
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
1 hr
July 07, 2025672: Design Tokens, Web Compents, and Web Monetization
Show Description
We're all addicted to Clues by Sam and wonder about the data structure for the site, good thoughts on the design tokens community, shadow DOM, the state of web components in mid-2025, dealing with JSON, and new ideas around web monetization.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
Listen on Website
Watch on YouTube
Links
Clues By Sam
web-platform-tests dashboard
P&B: Dave Rupert – Manu
Web Bucks
Supertab | Reduce friction and drive revenue with Pay-as-you-go
Introducing pay per crawl: enabling content owners to charge AI crawlers for access
Get early access: Cloudflare Pay Per Crawl Private Beta | Cloudflare
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
52 min
June 30, 2025671: Naming Consistency, HTML Includes, and Mixins
Show Description
Chris reflects on CSS Day in Amsterdam, allowing languages to grow with nonstandard elements, naming things continues to be hard, shapes are going to get weird on the web, HTML includes get stirred up, thoughts on CSS mixins, and Dave's blogging about resizing text fun.
Listen on Website
Watch on YouTube
Links
Understanding CSS corner-shape and the Power of the Superellipse – Frontend Masters Blog
CSS Functions and Mixins Module
explainers/declarative-partial-document-updates.md at main · noamr/explainers · GitHub
Houdini APIs - Web APIs | MDN
Inverse text-sizing based on text-length with attr() - daverupert.com
Fit-to-Width Text: A New Technique
inverse text-sizing with attr - bigtext.js style - contenteditable dealio
ShopTalk Show | creating Podcasts about building websites | Patreon
1 hr 6 min