ShopTalk

Brad Frost, a design system consultant and creator of Atomic Design, joins his brother Ian, a front-end architect, to discuss their new course on design tokens. They unveil how design tokens are transforming modern design practices and the benefits of a structured approach. The brothers compare bikeability in the Netherlands and Texas, highlighting urban planning differences. They dive into the delicate balance between creativity and functionality in web design, emphasizing collaboration between designers and developers for cohesive digital experiences.

Peter Pistorius, a developer from South Africa, discusses the evolution from RedwoodJS to RedwoodSDK, emphasizing simplicity and composability. He shares insights on framework flexibility, tackling authentication challenges, and enhancing deployment processes. The conversation dives into optimizing web performance for underserved users and the advantages of using Cloudflare. Pistorius also explores community-driven development, highlighting innovative projects like shareware.dev and alternative funding models to promote collaboration.

Jake Archibald, an engineer at Shopify with a background in web performance and standards advocacy at Google, dives into the world of HTML includes. He discusses the limitations of current HTML in importing content and the complexities of using iframes. The conversation explores potential security concerns, performance implications, and community feedback. Archibald also sheds light on the evolution of web standards, backward compatibility, and the future of HTML enhancements, making it a fascinating listen for web developers.

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

Show DescriptionHow 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 →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 Sponsors

Show DescriptionFresh 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 →GuestsMat MarquisGuest's Main URL • Guest's SocialMy 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 (@Wilto@front-end.social) - 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 Sponsors

Dive into the latest Figma updates, including Figma Sites, and their impact on user experience and web design. Discover the challenges of accessibility in CSS carousels, balancing innovative design with usability. Hear unique insights on preparing for a web development internship, with tips on coding skills and company tech stacks. Explore the significance of logical properties for right-to-left languages and the evolving landscape of web design for vertical texts. Plus, enjoy some humorous anecdotes along the way!

The hosts dive into the quirks of podcast playback speeds and how they shape listener experiences. They share amusing stories about balancing children’s gaming habits, particularly with popular platforms like Roblox. Celebrating a special birthday, they also investigate the impact of GSAP's shift to free access and the creativity behind new features. The challenges of browser compatibility are dissected, especially comparing Firefox to others. Finally, they explore the complexities of CSS custom properties and innovative tools for color mixing.

Show DescriptionWe'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 →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 Sponsors

Show DescriptionWhat 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 →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 Sponsors