エピソード

  • 739: How to Build a Great Puzzle Game with Josh Collinsworth
    2026/11/02
    Show Description

    Triple (or maybe even quadruple?) threat Josh Collinsworth is back on the show to talk about his new game, Tupo. They cover how the puzzles are generated and kept fair, why the usual Sudoku pencil marks don't help, and what Josh's player data shows about hints and checks. They also get into the tech stack, why Josh skipped the app stores, and how daily puzzle games took off after Wordle.

    Listen on Website

    Watch on YouTube

    GuestsJosh Collinsworth

    Guest's Main URL • Guest's Social

    A frontend developer and graphic designer who works across engineering, design, and messaging.

    Links
    • Josh Collinsworth
    • Tupo · A daily sudoku-style logic puzzle with a twist
    • Clues By Sam
    • Balatro: Deck-Building Roguelite
    • Wordle — The New York Times
    • Cracking The Cryptic - YouTube
    • Svelte • Web development for the rest of us
    • Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
    • Push your ideas to the web | Netlify
    • PocketBase - Open Source backend in 1 file
    • Quina - Menu
    • Hondo - a word game in 100 words or less
    SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale. Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.
    続きを読む 一部表示
    52 分
  • 740: Looking for a Great Webcam and a Great Browser
    2026/11/09
    Show Description

    Chris upgraded his webcam (YOLO amiright?), Dave broke up with Elgato but helped bring automatic picture-in-picture to Chromium, left tabs vs pin tabs, the quest to replace Arc, and Chromium and Webkit browser options in 2026.

    Listen on Website

    Links
    • YoloLiv YoloCam S7
    • Elgato Facecam 4K
    • Arc-like Automatic Picture in Picture in Chromium
    • Tupo
    • Zen browser
    • Dia browser
    • CrestBrowser
    • Ardia.dev
    • Aside
    • The Four Tiers of Tab Importance
    • CodePen WebMCP
    • Helium.computer
    • Arcium
    • Phibrowser
    • Flecha
    • Horse Browser
    • YAB
    • Kagi and Orion
    • Brave
    • Vivaldi
    • Opera
    • Opera Air
    • Opera GX browser
    • Jake Archibald
    SponsorsAI and Design SystemsKeep AI on the rails of your design system. This is the thing the whole industry is trying to figure out: how do you get AI to use YOUR components and conventions instead of making up its own? We walk through our real setups, with context, MCPs, skills, rules, and validation all working together, because no single trick does it on its own.
    続きを読む 一部表示
    1 時間 2 分
  • 722: The No-AI Talk Challenge, Picking Rails Tooling, Dark Mode?
    2026/07/06
    Show Description

    Chris & Dave have been challenged to not talk about AI this episode - do they succeed? How do I optimize tracking pixels in my web app, what's the best book on CMS and authoring experiences, picking the best tooling in Rails that won't be obsolete, SPF, DNS, and D-Marc, adding dark mode to a website, and dealing with good old fashioned F.A.R.T.

    Listen on Website

    Watch on YouTube

    Links
    • Vizio accidentally made the best dumb TV on the market | The Verge
    • Window: queueMicrotask() method - Web APIs | MDN
    • Jake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ... - YouTube
    • Designing Content Authoring Experiences
    • Ruby on Rails: Accelerate your agents with convention over configuration
    • Secure AI Agent & User Authentication | Auth0
    • next.js
    • TanStack | The open-source application stack for the web.
    • RedwoodSDK: A simple framework for humans
    • Heroku | The Cloud Application Platform For Developers
    • Push your ideas to the web | Netlify
    • Agentic Infrastructure - Vercel
    • Astro
    • Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs
    • Nuxt: The Full-Stack Vue Framework
    • SendGrid Email API and Email Marketing Campaigns | Twilio
    • Email · The email API for developers who ship the rest of the message too — Bird
    • Cloudflare: Build for the agent era
    • CSS Analytics - Project Wallace
    • Flash of inAccurate coloR Theme (FART) | CSS-Tricks
    続きを読む 一部表示
    59 分
  • 723: Ads on Your Website, UX for Web Dev Jobs, and Progressive Web Components
    2026/07/13
    Show Description

    How do websites handle advertising embeds, thinking DND thoughts about team topologies, does knowing UX help get jobs in web dev, using Elena for building progressive web components, and dealing with buttons in web components.

    Listen on Website

    Links
    • BuySellAds
    • Carbon Ads
    • It needs to map back to a role – Eric Bailey
    • Elena | Progressive Web Components
    • Ariel Salminen
    • David Darnes
    SponsorsNotionWrite custom tools for Notion Agents that generate assets, query live data, and hit any API. Listen for incoming webhooks from any app, then run workflows with Notion Agents, pages, databases, and external APIs. All of this, on a hosted runtime. Workers are isolated sandboxes managed by Notion, so the code behind your syncs, tools, and workflows runs on our infra instead of your servers.
    続きを読む 一部表示
    57 分
  • 724: Ask Dan Abramov Anything About AT Proto
    2026/07/20
    Show Description

    If you're like Chris and understand a bit of the tech behind AT Proto but want to understand it at a deeper level, this episode is for you. How does it differ from straight up RSS and Mastodon, where is my identity being stored, how do I create a schema, what can be updated or modified later, is there going to be a PDS revolution, how does Standard.site fit into it all, and what else could we build with AT Proto?

    Listen on Website

    Watch on YouTube

    GuestsDan Abramov

    Guest's Main URL • Guest's Social

    Links
    • overreacted
    • There are no instances in AT Proto
    • dan abramov
    • Tangled
    • Leaflet
    • BlueSky For You feed
    • Standard.site
    • Implementing Standard Site: WIlto
    • atapult
    • teal.fm
    続きを読む 一部表示
    56 分
  • 725: CodePen 2.0, Templates on the Web, The Year of HTML?
    2026/07/27
    Show Description

    CodePen 2.0 is out now and we're talking about the launch, the idea of templating on the web, and how HTML could look very interesting in the future.

    Listen on Website

    Watch on YouTube

    Links
    • Yarn
    • Announcing TypeScript 7.0
    • CodePen 2.0 announcement blog post
    SponsorsNotionWrite custom tools for Notion Agents that generate assets, query live data, and hit any API. Listen for incoming webhooks from any app, then run workflows with Notion Agents, pages, databases, and external APIs. All of this, on a hosted runtime. Workers are isolated sandboxes managed by Notion, so the code behind your syncs, tools, and workflows runs on our infra instead of your servers.
    続きを読む 一部表示
    1 時間 1 分
  • 728: BIMI, Good Favicon Practice, and CSS @Layer Exploration
    2026/08/17
    Show Description

    Having type two fun, email branding with BIMI, accessibility details in icons and favicons, using AI as a coding and maintenance partner, CSS @layer property, design systems, and the economics of fast AI hardware.

    Listen on Website

    Watch on YouTube

    Links
    • How and Why to Implement BIMI Selectors - BIMI Group
    • You kinda want an orange favicon. – Chris Coyier
    • Thinking Horizontally in CSS @layer
    • AMD snaps up Toronto chip startup Taalas | Financial Post
    続きを読む 一部表示
    1 時間 1 分
  • 729: After Dark Edition! Microlighter, Tri-state Drama, and Editing Video Quickly
    2026/08/24
    Show Description

    Dave and Chris try to get their LUTS in a row, figure out which app to use to edit and publish video quickly, Dave's new syntax highlighter microlighter, could web MCP be a good thing to help agents use CodePen better, and saying no is as important as what you do ship.

    Listen on Website

    Watch on YouTube

    Links
    • Introducing Microlighter - daverupert.com
    • MicroLighter - A zero-dep syntax highlighter
    • TextMate: Text editor for macOS
    • Dark mode toggles: two states are enough • Lea Verou
    • The Case for Tri-State Dark Mode Toggles – Bram.us
    続きを読む 一部表示
    59 分