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

• 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

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

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.

• 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 (@kevinpowell@front-end.social) - Front-End Social
• Kevin on CodePen
• kevin-powell (Kevin Powell) · GitHub

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

• 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

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

• 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

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

• 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

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

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.

• Hot Pricing
• Design Tokens Course with Brad Frost and Ian Frost
• Web Awesome

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

• Orion Browser by Kagi
• Meet Dia
• Chrome Canary
• SigmaOS
• Mythic Quest - Wikipedia

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

• 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