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
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
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
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
--------
1:05:24
667: Jen Simmons on Declarative Web Push, Form Control Styling, & More
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 for Web Apps on iOS and iPadOS
CSS Forms Level 1 Specification in Progress
<input type="color" colorspace="display-p3" alpha>
line-height units
Home | Open UI
text-wrap: pretty
margin-trim
CSS shape() function
Two Lines of Cross-Document View Transitions Code
Sponsors