PODCAST

ShopTalk

Chris Coyier & Dave Rupert

A podcast about web design and development.

technology

All Episodes

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

01:00:32

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

ShopTalk ·

2025/05/05

Show DescriptionDo 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 SponsorsWebflow x GSAP Community

en-US

01:03:00

662: Alternative Browsers, Discord vs Circle, and AI...

ShopTalk ·

2025/04/28

Show DescriptionWe'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

en-US

00:58:56

661: Working Vacations, Ripping Out JavaScript, and...

ShopTalk ·

2025/04/21

Show DescriptionWhat 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

en-US

00:58:48

660: Teaching CSS, Conferences, and Masonry Updates

ShopTalk ·

2025/04/14

Show DescriptionFollow 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

en-US

01:10:29

659: CSS Carousel Configurator Demos with Adam Argyle

ShopTalk ·

2025/04/07

Show DescriptionAdam 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 ArgyleGuest's Main URL • Guest's SocialCSS at Google. Links Chrome Canary Features Demo Space CSS Carousel Configurator Black Emperor Sponsors

en-US

01:02:22

658: Andy Bell on Working with Clients, Writing, and...

ShopTalk ·

2025/03/31

Show DescriptionWe'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 necessity of

en-US

01:04:51

657: David Darnes on Web Components and Design Systems

ShopTalk ·

2025/03/24

Show DescriptionDavid 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 DarnesGuest's Main URL • Guest's SocialDesigner, Front-end Developer & Writer. Links Nord Health Ariel Salminen Design Systems WTF Awesome

en-US

00:55:21

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

ShopTalk ·

2025/03/17

Show DescriptionOnboarding 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

en-US

00:45:50

655: Conspiracy Theory Theories, View Transitions vs...

ShopTalk ·

2025/03/10

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

en-US

00:56:34

654: UI + State, AI Missing Context But Adds...

ShopTalk ·

2025/03/03

Show DescriptionUI 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 The

en-US

187 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