672: Design Tokens, Web Compents, and Web Monetization
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 for access
Get early access: Cloudflare Pay Per Crawl Private Beta | Cloudflare
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
--------
51:30
--------
51:30
671: Naming Consistency, HTML Includes, and Mixins
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 · noamr/explainers · GitHub
Houdini APIs - Web APIs | MDN
Inverse text-sizing based on text-length with attr() - daverupert.com
Fit-to-Width Text: A New Technique
inverse text-sizing with attr - bigtext.js style - contenteditable dealio
ShopTalk Show | creating Podcasts about building websites | Patreon
Sponsors
--------
1:05:28
--------
1:05:28
670: Brad and Ian Frost on Their New Design Tokens Course
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 Pittsburgh, PA.
Ian FrostGuest's Main URL • Guest's SocialFront-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
Sponsors
--------
1:08:26
--------
1:08:26
669: Peter Pistorius on Developing RedwoodSDK
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 - 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
Sponsors
--------
1:07:06
--------
1:07:06
668: Jake Archibald on Native HTML Includes
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
Netherlands