Episodios

  • 671: Naming Consistency, HTML Includes, and Mixins
    Jun 30 2025
    Show Description

    Chris 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
    Más Menos
    1 h y 5 m
  • 670: Brad and Ian Frost on Their New Design Tokens Course
    Jun 23 2025
    Show Description

    Brad 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?

    (Brad and Ian did give us a 20% discount code for the course: SHOPTALKSHOWISAWESOME)

    Listen on Website →

    GuestsBrad Frost

    Guest's Main URL • Guest's Social

    Design system consultant, web designer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA.

    Ian Frost

    Guest's Main URL • Guest's Social

    Front-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
    Más Menos
    1 h y 8 m
  • 669: Peter Pistorius on Developing RedwoodSDK
    Jun 16 2025
    Show Description

    We'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 Pistorius

    Guest's Main URL • Guest's Social

    Working 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
    Más Menos
    1 h y 7 m
  • 668: Jake Archibald on Native HTML Includes
    Jun 9 2025
    Show Description

    Jake 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 Archibald

    Guest's Main URL • Guest's Social

    Engineer at Shopify. Once swam to the end of an infinity pool.

    Links
    • Off The Main Thread podcast
    • blink-dev - Google Groups
    Sponsors
    Más Menos
    1 h y 5 m
  • 667: Jen Simmons on Declarative Web Push, Form Control Styling, & More
    Jun 2 2025
    Show Description

    Jen 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 Simmons

    Guest's Main URL • Guest's Social

    Safari & 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
    • line-height units
    • Home | Open UI
    • text-wrap: pretty
    • margin-trim
    • CSS shape() function
    • Two Lines of Cross-Document View Transitions Code
    Sponsors
    Más Menos
    1 h y 7 m
  • 666: What Are the Evils of the Web Platform?
    May 26 2025
    Show Description

    How 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
    Más Menos
    1 h y 2 m
  • 665: JavaScript Educator and Twitch Streamer Mat Marquis
    May 19 2025
    Show Description

    Fresh 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 Marquis

    Guest's Main URL • Guest's Social

    My 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
    Más Menos
    1 h y 1 m
  • 664: Figma Sites, CSS Carousels, and Internship Prep
    May 12 2025
    Show Description

    How much would you pay for new users, initial thoughts on Figma's announcements, CSS carousel follow up, favicon easter eggs, how do you prepare for an internship, and why aren't more developers using logical properties?

    Listen on Website →

    Links
    • Windsurf (formerly Codeium) - The most powerful AI Code Editor
    • Figma Sites
    • Figma Make
    • Figjam
    • Are CSS Carousels Accessible?
    • Windsurf (formerly Codeium) - The most powerful AI Code Editor
    • Figma Sites: Design, Prototype & Publish Your Next Website
    • Creative Design Tools
    • Collaborative Whiteboard
    • Presentation Creation
    • AI-Powered Design Tools
    • Learn to Code Faster
    • Introducing Web Awesome
    • Prioritization Advocacy
    • axe Accessibility Tools
    • Todoist Task Management
    Sponsors
    Más Menos
    1 h y 5 m