PODCAST

ShopTalk

Chris Coyier & Dave Rupert

A podcast about web design and development.

technology

All Episodes

00:54:33

683: iOS 26 Safari, Material Support on the Web, and...

ShopTalk ·

2025/09/22

Show DescriptionDave and Chris discuss the release of Safari in iOS26, the aesthetics of Liquid Glass in CSS, the importance of material design, and the role of TypeScript in modern web development. The conversation also touches on when to consider rebuilding a tech stack, the significance of user experience, and how to know when to choose a new tech stack.Listen on WebsiteWatch on YouTubeLinks Apple has a private CSS property to add Liquid Glass effects to web content Syntax - Web Development

en-US

00:57:05

682: Whiskey, Security, Antitrust, and Fun with CSS...

ShopTalk ·

2025/09/15

Show DescriptionDave's got a Whiskey related content warning, recent security vulnerabilities in NPM, challenges with password management, and the complexities of digital security. They delve into Google's antitrust issues and the dynamics of the browser market, before transitioning to innovations in CSS, including custom properties and functions. The conversation wraps up with thoughts on the future of CSS and web development.Listen on WebsiteLinks Whiskey Web and Whatnot: Web Development,

en-US

01:07:22

681: CSS Reset Update, Arc Gets Bought, and Why...

ShopTalk ·

2025/09/08

Show DescriptionChris is updating us on the progress of his CSS reset, thoughts on The Browser Company and Arc being bought by Atlassian, and in 2025 why would anyone build a website?Listen on WebsiteLinks Bend Old-Time Jams and Events Join or Die Join or Die on Netflix Bowling Alone - Wikipedia Microsoft CTO Kevin Scott on the Birth of the Agentic Web - The Verge Chris' CSS Starter

en-US

00:48:08

680: CSS random(), IDs in HTML, and Chris Goes...

ShopTalk ·

2025/09/01

Show DescriptionA 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 WebsiteLinks 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

en-US

00:54:45

679: Two Idiots Argue With Kevin Powell About CSS

ShopTalk ·

2025/08/25

Show DescriptionKevin 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 WebsiteGuestsKevin PowellGuest's Main URL • Guest's SocialCSS 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

en-US

00:54:58

678: AI Hype, Browser Journey, and Content Creation...

ShopTalk ·

2025/08/18

Show DescriptionIdentifying 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 →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

en-US

01:02:02

677: Background Code Agents, Append AI, and RSS...

ShopTalk ·

2025/08/11

Show DescriptionWhat 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 →Links Visual Studio Code - YouTube Cursor - The AI Code Editor Visual Studio Code - Code Editing. Redefined A single data and AI development

en-US

01:00:07

676: The $200 Upgrade, CSS Module Scripts, and Social...

ShopTalk ·

2025/08/04

Show DescriptionIt'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 →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

en-US

01:03:59

675: Building Hot Page with Tim Farnam

ShopTalk ·

2025/07/28

Show DescriptionTim 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 →GuestsTim FarnamGuest's Main URL • Guest's SocialCreative 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

en-US

01:01:39

674: Context in Console, CodePen’s New Editor, and...

ShopTalk ·

2025/07/21

Show DescriptionDave'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 →Links Orion Browser by Kagi Meet Dia Chrome Canary SigmaOS Mythic Quest - Wikipedia SponsorsDesign

en-US

00:59:14

673: Live-streaming Demos, CSS Animation Composition,...

ShopTalk ·

2025/07/14

Show DescriptionChris 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 →Links Canon EOS 5D Mark IV Sony ZV-1 Twitch > jlengstorf Twitch > ChrisCoyier YouTube > Chris Coyier Frontend Masters Figma Canva Figma

en-US

00:51:30

672: Design Tokens, Web Compents, and Web Monetization

ShopTalk ·

2025/07/07

Show DescriptionWe'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.Listen on Website →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

en-US

01:05:28

671: Naming Consistency, HTML Includes, and Mixins

ShopTalk ·

2025/06/30

Show DescriptionChris 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 →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 ·

en-US

01:08:26

670: Brad and Ian Frost on Their New Design Tokens...

ShopTalk ·

2025/06/23

Show DescriptionBrad and Ian stop by to chat about their new course, The Complete Guide to Design Tokens, what happens if you don't use design tokens on projects, what the ideal outcome is for building and designing with design tokens, how many colors is enough, what about refactoring, and does Figma or code win the argument?Listen on Website →GuestsBrad FrostGuest's Main URL • Guest's SocialDesign system consultant, web designer, speaker, writer, musician, and artist located in beautiful

en-US

01:07:06

669: Peter Pistorius on Developing RedwoodSDK

ShopTalk ·

2025/06/16

Show DescriptionWe're chatting with Peter Pistorius about the change they made from RedwoodJS to RedwoodSDK, how it's going to handle routing, some new marketing ideas for RedwoodSDK, how RedwoodSDK's principles are informed by where Peter's from, choosing to go all in on Cloudflare, how the community has responded, and plans for monetization.Listen on Website →GuestsPeter PistoriusGuest's Main URL • Guest's SocialWorking on RedwoodSDK Links peterp (Peter Pistorius) · GitHub GitHub -

en-US

01:05:24

668: Jake Archibald on Native HTML Includes

ShopTalk ·

2025/06/09

Show DescriptionJake Archibald joins us to discuss HTML includes, potential solutions, and the implications of introducing such a feature. We talk about security concerns, performance implications, and community feedback regarding HTML imports.Listen on Website →GuestsJake ArchibaldGuest's Main URL • Guest's SocialEngineer at Shopify. Once swam to the end of an infinity pool. Links Off The Main Thread podcast blink-dev - Google Groups Sponsors

en-US

01:07:02

667: Jen Simmons on Declarative Web Push, Form...

ShopTalk ·

2025/06/02

Show DescriptionJen Simmons stops by to talk about new CSS and Safari features like Form Control Styling, Declarative Web Push, Typography, contrast-color(), and more.Listen on Website →GuestsJen SimmonsGuest's Main URL • Guest's SocialSafari & WebKit Evangelist. Member of the CSS Working Group. Webmaster since 1996. Links webkit.org Safari Release Notes WCAG 2.0 contrast-color() function APCA Color Contrast Tool Color.js Release Lea Verou’s page on color contrast Declarative Web Push Web Push

en-US

01:02:12

666: What Are the Evils of the Web Platform?

ShopTalk ·

2025/05/26

Show DescriptionHow it all comes back to the why column, dark patterns, privacy and tracking, getting emails forever from one purchase, how to be bold with communication while still being respectful, HTMHell, CSS mistakes, are we anti-JSON, and the state of FitVid in 2025. Listen on Website →Links Markup from hell - HTMHell Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki] JSON Editing Douglas Crockford on JSON Fluid Video Plugin Sponsors

en-US

01:01:18

665: JavaScript Educator and Twitch Streamer Mat Marquis

ShopTalk ·

2025/05/19

Show DescriptionFresh off his Megaman Streamathon, Mat Marquis joins us to talk about becoming a professional Twitch streamer, creating a JavaScript course, his thoughts on the design and content of said course, a brief moment on Linux in 2025, and attempts to make the web weird and fun again.Listen on Website →GuestsMat MarquisGuest's Main URL • Guest's SocialMy goal is to ensure that your content can reach any user, in any browsing context—regardless of the size of their screen, the speed of

en-US

01:05:29

664: Figma Sites, CSS Carousels, and Internship Prep

ShopTalk ·

2025/05/12

Show DescriptionHow much would you pay for new users, initial thoughts on Figma's announcements, CSS carousel follow up, favicon easter eggs, how do you prepare for an internship, and why aren't more developers using logical properties?Listen on Website →Links Windsurf (formerly Codeium) - The most powerful AI Code Editor Figma Sites Figma Make Figjam Are CSS Carousels Accessible? Windsurf (formerly Codeium) - The most powerful AI Code Editor Figma Sites: Design, Prototype & Publish Your

en-US

197 results

ShopTalk

All Episodes

Similar Podcasts

Lead With AI

Tamara Nall

Linux in the Ham Shack

Black Sparrow Media

Data Engineering Podcast

Tobias Macey

Eye On A.I.

Craig S. Smith

Reflections

Livewire Labs