676: The $200 Upgrade, CSS Module Scripts, and Social Media Ethos
Show DescriptionIt's time for a ShopTalk GearTalk segment on video and audio upgrades, a chat about better YouTube thumbnails, buying the $200 Yamaha guitar (or equivalent in other areas of life), Chris and Dave riff on CSS modules, and what's your social media ethos in 2025?
Listen on Website →Links
how to make a killer thumbnail (for the 2025 algorithm) - YouTube
Facecam 4K | Elgato
Before I go: Always buy the $200 Yamaha - daverupert.com
The $200 Yamaha – Chris Coyier
668: Jake Archibald on Native HTML Includes – ShopTalk
668: Jake Archibald on Native HTML Includes - YouTube
605: Jim Nielsen on Subversive URLs, Blogging + AI, and Design Engineers – ShopTalk
504: Jim Nielsen Blogging, App Icons, Color, and Images – ShopTalk
A social media ethos - daverupert.com
Sponsors
--------
1:00:07
--------
1:00:07
675: Building Hot Page with Tim Farnam
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.