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 Course with Brad Frost and Ian Frost
Web Awesome
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.
--------
1:03:59
--------
1:03:59
674: Context in Console, CodePen’s New Editor, and Looking for a New Arc
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 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.
--------
1:01:39
--------
1:01:39
673: Live-streaming Demos, CSS Animation Composition, and Anchor Position
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 Buzz
YouTube > Mark Rober
YouTube > The Coding Train
Ecamm Live
YouTube > CodePen
Floating UI
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.
--------
59:14
--------
59:14
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.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
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
Netherlands