ShopTalk

Discover practical tips on enhancing your virtual presence with budget-friendly gear. Learn the art of creating eye-catching thumbnails that captivate viewers. Enjoy humorous stories about budget guitars and their unexpected value. Dive into the evolving standards of web development, celebrating new CSS features. Finally, reflect on the pressures of social media and the importance of fostering authentic connections in an era dominated by self-promotion.

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.

Fresh off vacation, the hosts dive into CodePen's new editor and its innovative package importing features. They tackle the struggle of debugging, especially with nested iframes, and discuss design consistency through token systems. Browser preferences and the search for the perfect Arc replacement spark a lively debate about usability and performance. The conversation veers into the challenges of home networking and family tech management, complete with humorous anecdotes and experiences navigating modern technology.

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