ShopTalk

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.

Dive into the world of design tokens and the fascinating intricacies of web components. Explore the potential for web monetization, including innovative ways for creators to earn revenue directly from user interactions. Discover the challenges of managing JSON and how design tokens can enhance the user interface. Reflect on the clever concept of a 'bot paywall' to regulate web crawler access while considering future developments in the digital economy. It’s a lively discussion on creativity, technology, and the evolving landscape of online content.

This conversation dives into the quirky world of naming conventions in web development, tackling the challenges with custom identifiers and animation timing. They also explore innovative HTML shapes and the emergence of super ellipses that add flair to web design. Dynamic text sizing is on the table, with clever strategies for adapting fonts to fit various text lengths. Plus, there's a humorous take on the woes of WordPress plugin updates and the quest for better version control. Tune in for insights and laughs from the web development frontier!

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!