Épisodes

  • 702: Lit-HTML, Implied Target for Popover, and Website Builders

    702: Lit-HTML, Implied Target for Popover, and Website Builders
    Feb 16 2026
    Show Description

    Chris has opinions about being sick, implied target for popovers, should Apple provide cross platform virtual machine images for Safari testing, what tips are there for beginners to HTML and CSS, which website builder CMS's do we recommend, and a Chipotle hack for your lunch plans.

    Listen on Website

    Watch on YouTube

    Links
    • The Missing Link for Web Components – Frontend Masters Blog
    • Better defaults for popovers - Manuel Matuzovic
    • 346: With Ben Evans – CodePen
    • Ben Evans on CodePen
    • Pure CSS Only Portrait - Isla
    • Pure CSS Still Life - Water and Lemons
    • A Single Div
    • Webflow
    • Craft CMS
    • Sanity
    • Contentful
    Afficher plus Afficher moins
    49 min
  • 701: Digital Archives, OpenClaw Security Concerns, and @Property Declarations

    701: Digital Archives, OpenClaw Security Concerns, and @Property Declarations
    Feb 9 2026
    Show Description

    When Dave dies, who gets his domain name? How OpenClaw is a massive security concern, tips on handling a broad design surface area with a design system, changing database values with text-transform, should you declare CSS properties with @property, and was Chris wrong about CSS?

    Listen on Website

    Watch on YouTube

    Links
    • Your Home for a Century: Our 100-Year Domains and Plans
    • 1Password Access after Death, Legacy Contacts | 1Password Community
    • From magic to malware: How OpenClaw's agent skills become an attack surface | 1Password
    • Openclaw (clawdbot), Agents and the Age of Personal Software - YouTube
    • bbPress.org
    • WooCommerce
    • cap - no cap
    • Nice Select · February 3, 2026
    SponsorsAxe-ConAxe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.
    Afficher plus Afficher moins
    1 h et 5 min
  • 700: Popover Web Component, Bugs in Blocks, and Where’s Vue?

    700: Popover Web Component, Bugs in Blocks, and Where’s Vue?
    Feb 2 2026
    Show Description

    We're passing over another milestone episode and answering your Q's with our A's while we do it: Dave goes 3D printing, should CSS be inside a web component, Chris is trying to build web component for popovers, why isn't Vue used or talked about more, finding bugs in blocks in the new CodePen, and we're grateful for 700 episodes.

    Listen on Website

    Watch on YouTube

    Links
    • Vue.js - The Progressive JavaScript Framework | Vue.js
    • vuejs/petite-vue
    • Syntax: Hacking Pizza Ordering For Fun And Profit - YouTube
    • Theo - Twitch
    SponsorsAxe-ConAxe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.
    Afficher plus Afficher moins
    55 min
  • 699: Jeremy Keith on Web Day Out

    699: Jeremy Keith on Web Day Out
    Jan 26 2026
    Show Description

    Web Day Out is coming up and Jeremy Keith from Clearleft (name pending the ShopTalk Show rebrand) is here to chat about it and while we've got him, Dave throws him on the hot seat to answer some hard hitting journalism questions about the state of the web in 2026.

    Listen on Website

    Watch on YouTube

    Links
    • Web Day Out in Brighton, March 12th 2026
    • Strategic design partners for website and service design | Clearleft
    • css.properties
    • Raycast - Your shortcut to everything
    • Rachel Andrew – Doing stuff on the web since 1996.
    • Browser support at Clearleft
    • CSS Day 2026, 11th & 12th of June, Amsterdam
    SponsorsAxe-conAxe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.
    Afficher plus Afficher moins
    59 min
  • 698: Why is AI Bad at CSS, Monofonts, and Safari Dev Tools

    698: Why is AI Bad at CSS, Monofonts, and Safari Dev Tools
    Jan 19 2026
    Show Description

    Why are AI tools so bad at CSS layout, Robin Rendle inspired monospaced fonts, CodePen's slideVars library, why are Safari dev tools so hard to use, button follow up, and what player component does ShopTalk use for it's website?

    Listen on Website

    Watch on YouTube

    Links
    • Clair Obscur | Expedition 33
    • Apple One
    • Where’s the AI design renaissance?
    • Outlyne
    • Bolt
    • Lando Norris
    • Robin Rendle
    • Dave Rupert
    • Casey Newton
    • slideVars - Automatic Sliders for CSS Custom Properties
    • Media Chrome Docs
    SponsorsAxe-conAxe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.
    Afficher plus Afficher moins
    59 min
  • 697: Web Install API, Resizing Text, Active View Transition Type

    697: Web Install API, Resizing Text, Active View Transition Type
    Jan 12 2026
    Show Description

    We're talking new stuff (to us) that we haven't chatted about yet like display:grid-lanes, the web install API, resizing text on the web, scroll triggered animations, active view transition type, and a Quick Look at CodePen v2 features.

    Listen on Website

    Watch on YouTube

    Links
    • 694: Invoicing with Studioworks with Jessica and Chris – ShopTalk
    • Email Marketing Platform | Litmus
    • Most Reliable App & Cross Browser Testing Platform | BrowserStack
    • Ios Vs Android In 2025 · December 27, 2025
    • Masonry Layout is Now grid-lanes | CSS-Tricks
    • Bruce Lawson's personal site : A first look at the Web Install API
    • PWAStore - Free Web App Store | Install Apps Instantly
    • Download the latest indie games - itch.io
    • Grid Paper
    • Squoosh
    • SVGOMG - Optimize and minify SVG images
    • Never write your own Date Parsing Library—zachleat.com
    • FitText - A plugin for inflating web type
    • Twenty Twenty-Five - daverupert.com
    • Cyd Stumpel | Portfolio Cyd Stumpel
    SponsorsStudioworksManage clients and contacts, send branded invoices, receive payments, access educational resources, and connect with a supportive community. We’re building the best business hub for freelancers who want a custom client experience that feels polished and professional — with much more in store.
    Afficher plus Afficher moins
    1 h et 6 min
  • 696: Predictions for 2026, ADHD Updates, and Holiday Catchup

    696: Predictions for 2026, ADHD Updates, and Holiday Catchup
    Jan 5 2026
    Show Description

    Catching up on holidays adventures, Dave's year in ADHD land, and our predictions for 2026.

    Listen on Website

    Watch on YouTube

    Links
    • Madhur Jaffrey Teaches Indian Cooking
    • What’s Going to Happen in Web Dev During 2026 - Syntax #967
    • 2025 - Web Performance Calendar
    SponsorsStudioworksManage clients and contacts, send branded invoices, receive payments, access educational resources, and connect with a supportive community. We’re building the best business hub for freelancers who want a custom client experience that feels polished and professional — with much more in store.
    Afficher plus Afficher moins
    1 h et 12 min
  • 695: Happy Project Share Time (2025 Edition)

    695: Happy Project Share Time (2025 Edition)
    Dec 15 2025
    Show DescriptionAfter a bit of gaming talk, Chris and Dave are sharing a bunch of cool projects that our Discord community members have been sharing over the past year including things like a web component based admin bar, shape CSS generators, new website portfolios, HTML-first web framework, email markup databases, miniature paintings, AI tools and ducks, and a lot more. ShopTalk will be taking a break after this episode until the new year. Happy holidays for 2025 and we look forward to a great year in 2026 sharing our love of all things HTML, CSS, and building websites. Listen on WebsiteWatch on YouTubeLinksBALL x PIT on SteamOverwatch 2Call of Duty® | Best-Selling Video Game FranchiseTHE FINALS on SteamWelcome to SteamHome | Vulkan | Cross platform 3D GraphicsDota 2Counter-Strike 2Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend MastersHTML for PeopleGitHub - StfBauer/markshell: Markshell allows you to convert Markdown to a beautiful output on the shell, Ideal for any custom built NodeJS CLI.Admin Bar Component | Will Browarship-shape.winQuina - MenuCrashlands 2 | Games | Butterscotch ShenanigansHow Many Dudes? on SteamUnoffice Hours WebringUnoffice Hours - Dave SmythDynamic Dummy Image Generator - DummyImage.comLynn FisherNestflixo(m)g:image | Question 1Making o(m)g:image, Part III: The HTML - Jim Nielsen’s BlogOutlyne - AI Website Builder | Create Stunning Websites with AIGreenwoodI Hid a Dozen Easter Eggs on This Website – UnapologeticMacStories - Apple news, app reviews, and stories by Federico Viticci and friends.SotB14 | State of the Browser 14The Email Markup Database(2) Post | LinkedInStorybook MCP sneak peekAndy Ford - miniature painterRubber AIBaseline Tennis - Ulimate Tennis ladder for competitive and casual playersIntersecting Us - Where we explore math stories together.bitty - a web tool for interesting pagesDolphin Maker 2.0Chris Enns + Lemon ProductionsSponsorsStudioworksManage clients and contacts, send branded invoices, receive payments, access educational resources, and connect with a supportive community. We’re building the best business hub for freelancers who want a custom client experience that feels polished and professional — with much more in store.
    Afficher plus Afficher moins
    1 h et 8 min