ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

August 31730: A/B Testing with Charts, Music Recommendations, & Web Permissions
Show Description
The 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 Website
Watch on YouTube
Links
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!
1 hr 1 min
August 24729: After Dark Edition! Microlighter, Tri-state Drama, and Editing Video Quickly
Show Description
Dave 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 Website
Watch on YouTube
Links
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
59 min
August 17728: BIMI, Good Favicon Practice, and CSS @Layer Exploration
Show Description
Having 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 Website
Watch on YouTube
Links
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
1 hr 2 min
August 10 727: Front-End Complexity, AI Co-Authorship, and New CSS Navigation Patterns
Show Description
We 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 using @route and @view-transition.
Listen on Website
Watch on YouTube
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 behind your syncs, tools, and workflows runs on our infra instead of your servers.
59 min
August 03726: Be More Weird, Sameness is Ok, and People Noticing the Effort You Put In
Show Description
We'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 Website
Watch on YouTube
Links
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
Chris Coyier – Web Craftsman, Blogger, Author, Speaker
Randomness, Serendipity, and an "I Wouldn't Recommend This" Algorithm – Jim Nielsen's Blog
54 min
July 27725: CodePen 2.0, Templates on the Web, The Year of HTML?
Show Description
CodePen 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 Website
Watch on YouTube
Links
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 behind your syncs, tools, and workflows runs on our infra instead of your servers.
1 hr 1 min
July 20724: Ask Dan Abramov Anything About AT Proto
Show Description
If 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 Website
Watch on YouTube
GuestsDan Abramov
Guest's Main URL • Guest's Social
Links
overreacted
There are no instances in AT Proto
dan abramov
Tangled
Leaflet
BlueSky For You feed
Standard.site
Implementing Standard Site: WIlto
atapult
teal.fm
56 min
July 13723: Ads on Your Website, UX for Web Dev Jobs, and Progressive Web Components
Show Description
How 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 Website
Links
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, databases, and external APIs.
All of this, on a hosted runtime. Workers are isolated sandboxes managed by Notion, so the code behind your syncs, tools, and workflows runs on our infra instead of your servers.
58 min
July 06722: The No-AI Talk Challenge, Picking Rails Tooling, Dark Mode?
Show Description
Chris & 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 Website
Watch on YouTube
Links
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, requestAnimationFrame, ... - YouTube
Designing Content Authoring Experiences
Ruby on Rails: Accelerate your agents with convention over configuration
Secure AI Agent & User Authentication | Auth0
next.js
TanStack | The open-source application stack for the web.
RedwoodSDK: A simple framework for humans
Heroku | The Cloud Application Platform For Developers
Push your ideas to the web | Netlify
Agentic Infrastructure - Vercel
Astro
Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs
Nuxt: The Full-Stack Vue Framework
SendGrid Email API and Email Marketing Campaigns | Twilio
Email · The email API for developers who ship the rest of the message too — Bird
Cloudflare: Build for the agent era
CSS Analytics - Project Wallace
Flash of inAccurate coloR Theme (FART) | CSS-Tricks
59 min
June 29721: New Gear, Nerding Out, and VS Code Forks
Show Description
What 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 Website
Watch on YouTube
Links
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. 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 behind your syncs, tools, and workflows runs on our infra instead of your servers.
1 hr 3 min