ShopTalk - podcast cover

ShopTalk

Chris Coyier & Dave Rupertshoptalkshow.com
A podcast about web design and development.
Last refreshed:
Follow this podcast in the Metacast mobile app to refresh it and see new episodes.
Download Metacast podcast app
Podcasts are better in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episodes

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

Show Description Brad 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 Frost Guest's Main URL • Guest's Social Design system consultant, web designer, speaker, writer, musician, and artist located in beautiful P...

Jun 23, 20251 hr 8 min

669: Peter Pistorius on Developing RedwoodSDK

Show Description We'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 Pistorius Guest's Main URL • Guest's Social Working on RedwoodSDK Links peterp (Peter Pistorius) · GitHub GitHub - peterp...

Jun 16, 20251 hr 7 min

668: Jake Archibald on Native HTML Includes

Show Description Jake 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 Archibald Guest's Main URL • Guest's Social Engineer at Shopify. Once swam to the end of an infinity pool. Links Off The Main Thread podcast blink-dev - Google Groups Sponsors...

Jun 09, 20251 hr 5 min

667: Jen Simmons on Declarative Web Push, Form Control Styling, & More

Show Description Jen 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 Simmons Guest's Main URL • Guest's Social Safari & 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 W...

Jun 02, 20251 hr 7 min

666: What Are the Evils of the Web Platform?

Show Description How 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...

May 26, 20251 hr 2 min

665: JavaScript Educator and Twitch Streamer Mat Marquis

Show Description Fresh 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 Marquis Guest's Main URL • Guest's Social My goal is to ensure that your content can reach any user, in any browsing context—regardless of the size of their screen, the speed...

May 19, 20251 hr 1 min

664: Figma Sites, CSS Carousels, and Internship Prep

Show Description How 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 ...

May 12, 20251 hr 5 min

663: HBD Dave, Silly Web Fun, Color-Mix Tips

Show Description Do we sound drunk on Shorts? What speed do you listen to your podcasts at? Happy Birthday to Dave, Roblox scams, having silly fun on the web, Crashlands 2 released, a Balatro moment, non-standard browser use testing, and color-mix follow up. Listen on Website → Links The Adventure Zone | Maximum Fun Don't let your voice be flattened by the über theme - daverupert.com Crashlands 2 Adam Coster: Crashlands 2 Balatro University jQuery Reunion Sponsors Webflow x GSAP Community Challe...

May 05, 20251 hr 1 min

662: Alternative Browsers, Discord vs Circle, and AI in the Browser

Show Description We're talking browsers and discussing alternative options like Vivaldi and Brave, the implications of Chrome's potential sale to OpenAI, the impact of AI on browser functionality, Discord vs Circle, and building with Hotwire. Listen on Website → Links Newfangled Browser Alternatives – Frontend Masters Blog Zen Browser Horse Browser Vivaldi Browser | Powerful, Personal and Private web browser Opera GX | Gaming Browser | Opera Thorium Browser Mullvad Browser Fast and Private Web B...

Apr 28, 20251 hr 3 min

661: Working Vacations, Ripping Out JavaScript, and Non-US Cloud Service Options

Show Description What are the non-US cloud services options, falling off the blogging train and trying to get back on, working on vacation, Chris recaps the Alaskan Folk Festival experience, how often do you go back and clean out JavaScript, and the idea of gilding just one lily on a new project. Listen on Website → Links European Alternatives A lack of frequency increases the pressure to deliver quality Trap (2024) Reviews Polyfilling Concepts ex-Googler · April 10, 2025 Gild Just One Lily Blog...

Apr 21, 202559 min

660: Teaching CSS, Conferences, and Masonry Updates

Show Description Follow up on thoughts about teaching CSS from scratch, questions about conferences to attend as well as a way to kickstart a conference idea, some Balatro thoughts, and our thoughts on the recent Grid vs Masonry debate. Listen on Website → Links The Homebrewery - NaturalCrit SmashingConf in-person Conferences 2025 — Friendly, inclusive & fun events for web designers and developers. - SmashingConf New York, Freiburg, Antwerp and Online Web Design Event State of the Browser 13...

Apr 14, 202559 min

659: CSS Carousel Configurator Demos with Adam Argyle

Show Description Adam Argyle joins us to chat about new CSS features that are demo'd in a carousel configurator - a builder-like experience to help visualize the capabilities of a CSS only Carousel: buttons, markers, paging and inertness. Listen on Website → GuestsAdam Argyle Guest's Main URL • Guest's Social CSS at Google. Links Chrome Canary Features Demo Space CSS Carousel Configurator Black Emperor Sponsors...

Apr 07, 20251 hr 10 min

658: Andy Bell on Working with Clients, Writing, and Building Courses for Web Builders

Show Description We're joined by Andy Bell, the founder of Set Studio. They discuss the evolution of web design, the importance of client relationships, and the innovative approaches taken at Set Studio and Piccalilli. The conversation covers the shift from traditional design methods to a more browser-centric approach, the challenges of client work, and the significance of documentation in maintaining project integrity. Andy shares insights on creating customizable design systems and the necessi...

Mar 31, 20251 hr 2 min

657: David Darnes on Web Components and Design Systems

Show Description David Darnes joins us to talk about his work on the Nord design system, writing web components, working with embeds and web components, thoughts on building a progress bar or notification component, keeping design systems and design tools in sync, and tricks for components and variables. Listen on Website → GuestsDavid Darnes Guest's Main URL • Guest's Social Designer, Front-end Developer & Writer. Links Nord Health Ariel Salminen Design Systems WTF Awesome Standalones Desig...

Mar 24, 20251 hr 5 min

656: Onboarding Woes, Coloring Links, and AI Slop Theories

Show Description Onboarding users is a lot more difficult than you might think it is, how should links be coloured or styled, keeping web software up to date, why does some AI slop get created in the first place, getting context for why things happened or decisions were made, and our first bullet point dev career story (Steve's version). Listen on Website → Links Subscribe to us on YouTube! Riverside: HD Podcast & Video Software | Free Recording & Editing Automate without limits CodePen ...

Mar 17, 202555 min

655: Conspiracy Theory Theories, View Transitions vs CSS Animations, and Autocomplete

Show Description It's a speed run meeting edition episode and we're talking conspiracy theories, getting hypnotized, disinformation on TikTok vs the news, view transitions vs CSS animations vs the web animation API, follow ups on font-weight and attire, and classic autocomplete vs AI autocomplete. Listen on Website → Links SubwayTakes (@subwaytakes) | TikTok Motion - A modern animation library for JavaScript and React font-weight: 300 considered harmful | CSS-Tricks Sponsors...

Mar 10, 202546 min

654: UI + State, AI Missing Context But Adds Browsers, and Scalability on the Web

Show Description UI and state struggles, AI missing important sand context, should we look forward to AI browsers, how bad is the mobile web in 2025, what does scalability with websites actually mean, and is there a role for someone as a project manager with tech insight? Listen on Website → Links Dribbble - Discover the World’s Top Designers & Creative Professionals UI = f(statesⁿ) - daverupert.com Welcome to Steam Thoughts on embedding alternative text metadata into images – Eric Bailey Th...

Mar 03, 202557 min

653: Interop 2025, Attributes, and Black Boxes of AI

Show Description We're looking at the Interop 2025 announcements, Dave is hating on (and talking about) attributes, debating better ways to handle color inputs, following up on the implications of AI that is shaped by politics, and Dave mouthblogs the secret black boxes of AI. Listen on Website → Links interop/2025/README CSS Day 2025, 5th & 6th of June, Amsterdam Interop 2025 | Igalia Miriam’s post Robin Sloan’s post Michelle Barker’s reply Baldur’s post Robin’s reply Baldur’s reply Jeremy ...

Feb 24, 202559 min

652: Talking to Bots, Building Browser Games, and Political LLMs

Show Description Remembering the old days before we had bots, teaching kids to talk to bots, how difficult is it to build games in the browser, are we seeing LLMs get more political, what does mainstream media really mean, and have you heard about PouchDB? Listen on Website → Links PixiJS: The HTML5 Creation Engine Unreal Engine: Powerful Real-Time 3D Creation Tool Balatro: A Unique Gaming Experience Xbox Adaptive Controller: Accessibility in Gaming Designing Content Authoring Experiences by Gre...

Feb 17, 20251 hr 3 min

651: Jason Lengstorf on CodeTV.dev, DevRel Panic, and Spicy Gear

Show Description Jason joins us to talk about his rebranding to CodeTV.dev, how Chris Coyier helped him become a star, the power of free, how he makes money with CodeTV, sponsorship and tech shows, crappy web cams, and the gear he uses to look and sound amazing. Listen on Website → GuestsJason Lengstorf Guest's Main URL • Guest's Social Jason Lengstorf is the producer of CodeTV.dev, where he helps tech companies connect with developer communities through better devrel strategy and media. Links t...

Feb 10, 202557 min

650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS Code

Show Description Does layout make CSS difficult to learn from scratch, Chris quizzes Dave about Balatro, getting back into Pokemon, why should Google have to sell Chrome, adding fun features to apps you already have to keep you using them like Raycast, and thoughts on the VS Code forks + AI. Listen on Website → Links Web Awesome Layout Anatomy Balatro Pokémon GO A Little Arm Chair Businessin’ about Chrome – Chris Coyier Raycast Focus works really well - daverupert.com Cursor - The AI Code Editor...

Feb 03, 20251 hr 5 min

649: Chrome 133, Attribute Update, and Standardized Async CSS

Show Description Dealing with AI creating fake work by famous artists, HTML is actually a programming language, Chrome 133 updates, attr updates, making "this" less annoying, and Scott Jehl's trying to standardize Async CSS. Listen on Website → Links This Aged Great! Faking William Morris, Generative Forgery, and the Erosion of Art History HTML Programming Language HTML Semantics Consensus CSS attr() Upgrade Making this less annoying Powerful Apps for Mac & iOS Let's Standardize Async CSS! O...

Jan 27, 20251 hr

648: Speculating on Funding Open Source

Show Description Hard hitting investigative journalism episode warning: Chris and Dave speculate on the ways a project like void(0) could make money. Listen on Website → Links Biome, toolchain of the web Vite | Next Generation Frontend Tooling Rollup Rolldown Jest Vitest | Next Generation testing framework Playwright Cypress VoidZero | Next Generation Tooling for the Web The JavaScript Oxidation Compiler Astro Deno, the next-generation JavaScript runtime Bun — A fast all-in-one JavaScript runtim...

Jan 20, 202553 min

647: Slash Pages vs Wikis vs Posts, RSS, Living with an ADHD Diagnosis, and M4 Upgrades

Show Description In this episode, we kick off the New Year with chats about battling illness over the holidays, the challenges of maintaining productivity, the differences between slash pages, wikis, and blog posts, how we use RSS, the importance of containers and context, Dave talks about living with ADHD, developing a system approach to CSS, Chris' thoughts on upgrading to an M4 MacBook Pro, and writing in Pug. Listen on Website → Links Chris Coyier.net slash pages /uses chipotle - IndieWeb Di...

Jan 13, 202553 min

646: Hard Code & Soft Skills

Show Description The employees of the startup RAPPTR (Quinn Pine, Blaze Lightyear, Astra Q, and Eddit Kit) find themselves in quite a pickle as a rogue investor tries to take over the company while CEO Chad is recovering in his napping pod. Join us on a workplace-themed role playing adventure created by Dave Rupert. Listen on Website → GuestsAlex (Eddie) Guest's Main URL • Guest's Social A web developer from Atlanta, GA that specializes in Vue.js, python, and PHP. Ben (Blaze) Guest's Main URL • ...

Dec 16, 20241 hr 11 min

645: Mouthblogging CSS in 2024

Show Description Riffing off the CSS Wrapped 2024 list from the Chrome team, we're talking field-sizing, animate to height, anchor positioning, custom scrollbars, cross-document view transitions, scroll-driven animations, and more! Listen on Website → Links CSS Wrapped 2024 Introducing TODS – a typographic and OpenType default stylesheet | Clagnut by Richard Rutter OpenType Sponsors Bluehost Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital...

Dec 09, 202457 min

644: Mouthblogging HTML in 2025

Show Description We're talking HTML this episode, detail summary, HTML datalist element, styling selects, anchored pop ups, popovers, invokers, HR in select, target=blank, HTML for People, and what we still need. Listen on Website → Links The <details> and <summary> elements are getting an upgrade - Stephanie Stimac's Blog Request for developer feedback: customizable select | Blog | Chrome for Developers HTML & CSS Dropdowns HTML Latest Control Browser noopener links Stylable Sel...

Dec 02, 202454 min

643: Social Capital, Easter Eggs in Apps, & CSS Parts

Show Description How do you like your turkey at Thanksgiving, building social capital with the neighbors, a brief SportsTalk Show segment, noticing easter eggs in apps and the web, what is a component anyway, CSS parts follow up, and questions about Alpine.JS and ESLint. Listen on Website → Links How to Spatchcock Chicken, a Step-by-Step Guide Half-Life Scott Jehl on Web Components CSS Parts Relief ESLint Sorting Plugin GitLens Biome Sponsors...

Nov 25, 20241 hr 2 min

642: Chris Person on Forums, Reddit, and Cooperative Reporting

Show Description Chris Person from Aftermath joins us to chat about the state of forums in 2024, being downwind of knowledge, forum drama, Reddit and StackOverflow's impact on forums, the importance of the individuals caring for knowledge and information, and the benefits and struggles of cooperatives in reporting. Listen on Website → GuestsChris Person Guest's Main URL • Guest's Social Makes Highlight Reel. Co-Founder 'n blogger at Aftermath.site. Links Forums Are Still Alive, Active, And A Tre...

Nov 18, 20241 hr 4 min

641: Passkey Usage, Writing Code with a Bot, and What’s Up With Java?

Show Description We've got a few leftovers from Halloween to process, what's been happening with Passkeys in late 2024, have you tried to write HTML faster than a bot can suggest it to you, CSS anchor positioning and popover polyfills, scroll driven animation thoughts, CSS nesting, and what's the reason for Java? Listen on Website → Links Auth0: Secure access for everyone. But not just anyone. Stripe Checkout | Checkout Pages for Your Website Passkeys Authentication Mundango Storytelling Develop...

Nov 11, 202459 min
For the best experience, listen in Metacast app for iOS or Android