ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

June 23, 2025670: 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?
(Brad and Ian did give us a 20% discount code for the course: SHOPTALKSHOWISAWESOME)
Listen on Website
Watch on YouTube
GuestsBrad Frost
Guest's Main URL • Guest's Social
Design system consultant, web designer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA.
Ian Frost
Guest's Main URL • Guest's Social
Front-end architect, technical lead, and consultant who loves to help level up developers.
Links
Design Tokens Course with Brad Frost and Ian Frost
Dotdash Meredith - America's Largest Digital & Print Publisher
Nord Design System
React Aria
Style Dictionary | Style Dictionary
1 hr 9 min
June 16, 2025669: 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
Watch on YouTube
GuestsPeter Pistorius
Guest's Main URL • Guest's Social
Working on RedwoodSDK
Links
peterp (Peter Pistorius) · GitHub
GitHub - peterp/Blackspace: Add blank spaces to OS X's Dock
Billable: Billing Made Simple. Period.
RedwoodJS
RedwoodSDK | The React Framework for Cloudflare
Miniflare · Cloudflare Workers docs
Plugins | Vite
HTMLRewriter · Cloudflare Workers docs
1 hr 8 min
June 09, 2025668: 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
1 hr 6 min
June 02, 2025667: 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
Watch on YouTube
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
Web Push for Web Apps on iOS and iPadOS
CSS Forms Level 1 Specification in Progress
line-height units
Home | Open UI
text-wrap: pretty
margin-trim
CSS shape() function
Two Lines of Cross-Document View Transitions Code
1 hr 8 min
May 26, 2025666: 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
Watch on YouTube
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
1 hr 3 min
May 19, 2025665: 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
Watch on YouTube
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 of their internet connection, the age of their device, or the combination of browsers and assistive technologies they use to experience the web.
Links
I’m Mat. I make websites.
Wilto (Mat Marquis) · GitHub
Mat “Wilto” Marquis (@[email protected]) - Front-End Social
Mat “Wilto” Marquis (@wil.to) — Bluesky
WiltoStreams - Live Streaming
JavaScript for Web Designers
Learn JavaScript
CodeMirror Text Editor
JavaScript Playground
JavaScript for Everyone
Premium Courses
Paul Irish Profile
Robin Sloan
Framework Laptop 16 DIY
Johnny Mnemonic
Johnny Mnemonic Trailer #1
1 hr 2 min
May 12, 2025664: 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
Watch on YouTube
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 Next Website
Creative Design Tools
Collaborative Whiteboard
Presentation Creation
AI-Powered Design Tools
Learn to Code Faster
Introducing Web Awesome
Prioritization Advocacy
axe Accessibility Tools
Todoist Task Management
1 hr 6 min
May 05, 2025663: 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
Watch on YouTube
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 ChallengeGSAP and ALL the plugins are now FREE for everyone thanks to Webflow (even for commercial projects)!
The SplitText plugin has had a complete rewrite (half the size, accessible, and smarter text splitting).
To celebrate: a community challenge all through May. Make something fun and win merch! One prompt each week featuring a different (previously paid) plugin.
1 hr 1 min
April 28, 2025662: 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
Watch on YouTube
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 Browser
DuckDuckGo
Microsoft Edge Download
OpenAI Chrome Acquisition
Mozilla on U.S. v. Google
HTML5 CSS3 Support
Opera Air | Mindful Browser
Opera Mini Download
Hotwire Drawer Component
CodePen
Circle
Discord
Zulip
Netlify Support Forums
Retro Photo app
Media Diet – Chris Coyier
1 hr 3 min
April 21, 2025661: 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
Watch on YouTube
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 Questions Challenge
CodePen Development
CSS clip-path maker
59 min