ShopTalk

Show Description

Jeff Robbins stops by to talk about his software, Visibox, that was used at Frostapalooza for presenting video at the concert, what it's like building an app with Electron, how it's distributed, how files are used and managed, and how he supports hardware devices inside Electron.

Listen on Website →

Guests

Jeff Robbins

Guest's Main URL • Guest's Twitter

Creator of Visibox, Musician in 123Astronaut & Orbitband, Cofounder at Lullabot, Executive Coach at jjeff․com.

Links

• MV7+ - Podcast Microphone
• NT-USB Microphone
• Jeff Robbins (@jjeff)
• Jeff Robbins
• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• CodePen: Online Code Editor and Front End Web Developer Community
• Learning Web Design with Jennifer Robbins
• Visibox Announcement
• Lullabot
• Spaceage
• Cross-Platform App Development
• Desktop Apps with Web Frontend

Sponsors

Jam.dev

One click bug reports devs love. Find out more at jam.dev

Show Description

Fabian Kägy helps us understand the modern WordPress development process, Gutenberg vs Block editor vs full site editing, building with blocks or pages, what's coming in the Twenty Twenty-Five Theme, and whether the theme authoring process has been made too difficult in 2024?

Listen on Website →

Guests

Fabian Kägy

Guest's Main URL • Guest's Twitter

Core Contributor and WordCamp Speaker. Director of Editorial Engineering at 10up.

Links

• 10up | finely crafted websites and tools
• Fabian Kägy - User Experience focused developer currently building great user experiences within the WordPress Block Editor as the Director of Editorial Engineering @10up.
• fabiankaegy (Fabian Kägy) on GitHub
• @fabiankaegy on Twitter / X
• Fabian Kägy (@fabiankaegy) – WordPress user profile | WordPress.org
• Fabian Kägy on LinkedIn
• ACF Plugin
• Create Block Theme
• WordPress/twentytwentyfive
• St. Jude Donation

Sponsors

Jam.dev

One click bug reports devs love. Find out more at jam.dev

Show Description

Thomas Steiner from Project Fugu talks with us about AI in Chrome, the small large language model in use, how features like this are rolled out, the ethics and concerns around sending and sharing data, on device vs web APIs, and ideas for use cases and ways to explore AI on the web.

Listen on Website →

Guests

Thomas Steiner

Guest's Main URL • Guest's Twitter

Developer Relations Engineer at Google, focused on the Web and Project Fugu.

Links

• Web Capabilities (Project Fugu)
• Chrome.dev
• Prompt API Playground
• Summarization API Playground
• Translation API
• API Playground
• Chrome AI Proposal
• Chrome AI Experiment
• Intelligence Preview
• Prompt API Proposal
• Writing Assistance APIs Proposal
• Web Translation Proposal
• WICG
• WebML TPAC 2024 Agenda
• TPAC 2024: Overview
• Cache AI Models

Sponsors

Jam.dev

One click bug reports devs love. Find out more at jam.dev

Show Description

Adam Coster talks with us about working with his family in game development, how they get started making games, what all is involved with publishing games, deciding to go Steam and Netflix only for Crashlands 2, how web tech is involved in game development, and the fun of testing and doing Q&A for games.

Listen on Website →

Guests

Adam Coster

Guest's Main URL • Guest's Twitter

CEO & Webtech at Butterscotch Shenanigans

Links

• Butterscotch Shenanigans
• About | Butterscotch Shenanigans
• Coffee with Butterscotch
• adam-coster (Adam Coster)
• Adam Coster @costerad on Twitter
• Crashlands 2 on Steam

Sponsors

Show Description

Dave's got an idea for a second brain app that's customized to his brain, where we're at with Notion and other notes apps, and accessibility on LLM's in browsers.

Listen on Website →

Links

• Notion Web Clipper for Chrome, Safari, Firefox, and mobile
• The PARA Method: The Simple System for Organizing Your Digital Life in Seconds
• Obsidian - Sharpen your thinking
• Organize Life System
• Things To-Do List
• Bear - Markdown Notes
• Analog Productivity System
• Just use fucking paper, man
• Daylight Computer Care
• Chrome Canary Features
• Cerebras

Sponsors

Show Description

Chris has a birthday today , we recap our Frostapalooza experience celebrating Brad Frost's birthday, do all codebases become a mess, Mermaid, TLDraw, and Figjam thoughts, making tiny games, where's the follow up in web and world news, and what's the current state of CMS' on the web?

Listen on Website →

Links

• Frostapalooza – Chris Coyier
• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• Frostapalooza in photos and videos | Brad Frost
• Symmetry 2024 Tickets
• Code Editor Community
• Understanding Technical Debt
• Mermaid Tool
• tldraw
• Collaborative Whiteboard
• Dev Mode
• Visual Suite for Everyone
• Game Development Competition
• Butterscotch Shenanigans
• Ghost Platform
• Craft CMS
• Astro
• Eleventy Static Site Generator
• Decap CMS
• The Markdown CMS
• Sanity Content Cloud

Sponsors

Jam.dev

One click bug reports devs love. Find out more at jam.dev

Show Description

A bit of follow-up on vibe driven development and JavaScript not causing The Great Divide, writing testing automation, global design systems and web components, could PHP be used for web components, what if view transitions are going to be everywhere, and frontend engineer vs design systems engineer job titles and descriptions.

Listen on Website →

Links

• Trust the vibes
• We don't need a boss, we need a process | Miriam Eric Suzanne
• The Great Divide
• JavaScript and The Great Divide
• 346: Is There a Great Divide?
• Kevin Powell | CSS Evangelist
• Javascript Testing Frameworks
• Design System Comparison
• Global Design System
• Brad Frost Design
• Frostapalooza Concert
• Val Head
• Sharpen your thinking
• Sheelah Brennan's Engineer Comparison
• Turkey Sounds

Sponsors

Jam.dev

One click bug reports devs love. Find out more at jam.dev

Show Description

Doc told me to travel but there's COVID on the planes, Dave's got a 2x life update, how often do you manage or prune your RSS feed subscriptions, checking in on Code Hike and their fine grained Markdown approach, JavaScript decorators use case, and using Cloudflare R2 for image storage.

Listen on Website →

Links

• Noah Kahan - Stick Season on YouTube
• Dave's new dogs from the Discord
• Fine-grained Markdown
• Cloudflare Object Storage
• Uppy
• Netlify Image CDN

Sponsors

Jam.dev

One click bug reports devs love. Find out more at jam.dev

Show Description

Chris brings some blog posts to talk about including being comfortable with the struggle of developer life, Cloudflare Workers + monorepos, vibe driven development, and questions about database migrations, and whether we think AI free blogs are going to be a rarity in the future?

Listen on Website →

Links

• Comfortable with the struggle
• Cloudflare Workers · Cloudflare Workers docs
• Wrangler Cloudflare Workers
• Features • GitHub Actions
• Azure DevOps Services
• Yarn
• Vibe Driven Development
• Active Record Migrations
• Prisma Migrate

Sponsors

Show Description

Chris has some follow up on blog posts and past podcast episodes to respond to including browsers and browser engines, advertising on the web, magazines, Cara, peak AI slop, and view transitions.

Listen on Website →

Links

• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• kottke.org - home of fine hypertext products
• Daring Fireball
• Cory Doctorow's craphound.com | Cory Doctorow's Literary Works
• Moonbound
• Second Foundation
• Servo Web Rendering Engine
• Ladybird
• Flow Browser
• Learn. Build. Grow. Together.
• Artist Platform
• Tech News
• The Homepage of Dave Rupert
• View Transitions Break
• Misconceptions about view transitions  |  Blog  |  Chrome for Developers

Sponsors

Show Description

Dave's putting together a platform for his presidential bid and workshops his policies, discussing vehicle options for a family in 2024, Chris and other authors get ownership of their A Book Apart books back, and the ramifications and reasoning behind Google killing a URL shortener.

Listen on Website →

Links

• ‎Office Space (1999) directed by Mike Judge • Reviews, film + cast • Letterboxd
• 2024 Hyundai IONIQ 5: Electric SUV | Hyundai Canada
• R2 - Rivian
• Bronco® Sport | Build & Price | Shop.ford.ca
• A Book Apart
• Practical SVG by Chris Coyier
• Print-On-Demand
• I’m Mat. I make websites.
• Reacquired.
• Real Life News
• 587: Why Ethan Marcotte Thinks Tech Workers Deserve a Union – ShopTalk
• Google URL Shortener
• Netlify Astro Partnership

Sponsors

ShopTalk Patreon

Support the show and help keep us on the air - AND get access to the super fun d-d-d-d-d-d-d-iscord with other Shopamaniacs.

Show Description

On this epsiode we're talking about the current state of blogging and social media, the polyfill hack, whether in app browsers should be banned, web components and the difficulty of front end web dev, and how we would go about teaching CSS from scratch in 2024.

Listen on Website →

Links

• Polyfill Attack Impacts Over 380,000 Hosts, Including Major Companies
• Off The Main Thread podcast
• Web Dev Pitfalls
• State of JavaScript 2023
• Fliteboard eFoil

Sponsors

Show Description

We're talking about assigning a weight to items in a layout, differentiating between banger posts and regular blog posts, using social engineering to get PR's accepted, monorepo thoughts, using CoPilot vs other AI programming support bots, has TypeScript benefited from AI, and what happens if you turn off CoPilot?

Listen on Website →

Links

• 614: CSS Grid Level 3 aka Masonry with Adam Argyle – ShopTalk
• 606: Web Sustainability with Michelle Barker – ShopTalk
• Footnotes Progressively Enhanced to Popovers – Frontend Masters Boost
• Charm
• Supermaven
• ThePrimeagen on YouTube

Sponsors

Show Description

We're talking website rendering, server side rendering, Astro's server islands, perf hits for navigation elements, updating software because the docs aren't available for older versions, and a new Microsoft Edge was released.

Listen on Website →

Links

• Scale & Ship Faster with a Composable Web Architecture | Netlify
• Eleventy is a simpler static site generator
• Astro
• Next.js React Framework
• Cloudflare Services
• Internet Power
• Website Improvement
• Server Islands
• Create Web Components
• FAST
• Enhance
• Vue.js Framework
• An even faster Microsoft Edge

Sponsors

Show Description

We've got follow up on Cloudflare and Cara from last episode, a question about setting up Prettier and auto linting, a cool tool from a listener on comparing colors, a question about using tooling like Craft or more user friendly apps like Webflow when working with clients, and our takes on accessibility overlays.

Listen on Website →

Links

• Cloud Application Hosting for Developers | Render
• Prettier · Opinionated Code Formatter
• Biome, toolchain of the web
• Vetur
• Compare colors
• Craft CMS
• Webflow: Create a custom website | Visual website builder
• Accessibility Overlay Decision

Sponsors

Show Description

We dive a bit deeper into the Cloudflare drama of the past couple of weeks, Instagram ads vs Cara art, what to do about Auth in your app, pre-negging any sponsorships, prototyping and feedback on projects, and ideas for future topics.

Listen on Website →

Links

• Cloudflare took down our website after trying to force us to pay 120k$ within 24h
• Connect, Protect and Build Everywhere | Cloudflare
• Deploy app servers close to your users · Fly
• A social app for creatives, Cara grew from 40k to 650k users in a week because artists are fed up with Meta’s AI policies
• Cara | Artist Social & Portfolio Platform
• Auth0: Secure access for everyone. But not just anyone.
• WorkOS — Your app, Enterprise Ready.
• Theo - t3․gg
• How Big Things Get Done: The Surprising Factors That Determine the Fate of Every Project, from Home Renovations to Space Exploration and Everything In Between
• The Homer | Simpsons Wiki | Fandom
• A Global Design System | Brad Frost
• FAST

Sponsors

Show Description

Sven Neumann aka Sven Codes talks with us about SudokuPad, developing a cross-platform app, integrating new puzzles and features, the benefits of being easy to use, building a community, and monetizing an app while not upsetting your user base.

Listen on Website →

Guests

Sven Neumann

Guest's Main URL • Guest's Twitter

Creator of Sven's SudokuPad.

Links

• Solving “The Miracle Sudoku”
• SudokuPad Web App - by SvenCodes.com and Cracking The Cryptic
• Cracking The Cryptic
• svencodes.com
• Sven Codes (@svencodes) / X
• Sven Codes
• Sven Codes | Creating Sudoku Tools | Patreon
• Buy Sven Neumann a Coffee
• Sven's SudokuPad on Steam
• Sven's SudokuPad on the App Store
• Sven's SudokuPad - Apps on Google Play

Sponsors

Show Description

Matt Visiwig stops by to chat with us about his site, SVGBackgrounds.com, a membership site for copy-and-paste website graphics built around SVG. We talk about why he built the site, how he decided to monetize it, competing with AI garbage on the web, pricing membership options, and how he's running the site.

Listen on Website →

Guests

Matt Visiwig

Guest's Main URL • Guest's Twitter

Self-employed web designer, building SVGBackgrounds.com.

Links

• Customize and apply backgrounds fast | SVG Backgrounds
• Matt Visiwig
• Matt Visiwig (@MattVisiwig) / X
• Purchase the Perfect MemberPress Plan for Your Site Today | MemberPress
• chroma.js api docs!
• jscolor: JavaScript Color picker with Opacity (alpha channel)
• ACF | Advanced Custom Fields Plugin for WordPress
• Frontend Masters Boost – Helping Your Journey to Senior Developer

Sponsors

Show Description

We're chatting with Jason Grigsby about what a white-collar recession means, how the sources and methods of consuming news shape our perspectives, whether the current economic conditions represent a market correction and if a rebound is imminent. We explore the critical decision of whether to embrace AI advancements or risk being left behind. We also talk about AI-generated voices, large language models and ethics, and the impact of social media signals in an AI world.

Listen on Website →

Guests

Jason Grigsby

Guest's Main URL • Guest's Twitter

Co-Founder of Cloud Four. Author of Progressive Web Apps from A Book Apart.

Links

• An Event Apart - Farewell
• Cloud Four – Responsive web design and development, progressive web apps
• Jason Grigsby – A resurrected blog on the Indie Web
• Jason Grigsby (@grigs) / X
• High-Salary Job Scarcity
• Code Tests
• AI Ethical Framework
• iPhone Personal Voice
• MacWhisper
• Progressive Web Apps
• Decoder

Sponsors

Show Description

Luke Abbott is the creator of Strum Machine, an app that simulates backing tracks by stitching together individual notes, chords, and strums recorded on guitar, standup bass, and mandolin. We talk about what Strum Machine does, why he decided to build it, how bringing on a professional designer helped, pricing thoughts, and the "fun" of building a version on iOS.

Listen on Website →

Guests

Luke Abbott

Guest's Main URL • Guest's Twitter

Musician and creator of Strum Machine.

Links

• Strum Machine: customizable backing tracks made from real instruments
• Tater Joes Old-Time Musical Mercantile
• Chris Coyier on Strum Machine
• iReal Pro Practice
• PG Music
• SoundJS Library
• Tone.js
• Latest Posts - Page 2
• Apache Cordova
• Extensive Song Catalog
• howler.js
• A Tale of Two Clocks

Sponsors

Show Description

Dave's got job news to share, as well as insight into the process of what applying for a job in tech is like in 2024. We also talk about styling, scoping, positioning, and floating UI.

Listen on Website →

Links

• Algorithms & Data Structures | Learn Algorithms with TypeScript for Interviews | Frontend Masters
• Information asymmetry
• Fluent 2 Design System
• Font Awesome
• Web Awesome
• Icônes
• Iconify — Search Icons
• Create Floating UI
• User App Tour

Sponsors

Show Description

Adam Argyle stops by to chat about the conversation that's happening around CSS Grid / Masonry. What do we want? What might Apple's response to Google be? And nitpicking the spec just for fun.

Listen on Website →

Guests

Adam Argyle

Guest's Main URL • Guest's Twitter

CSS DevRel Google Chrome, CSSWG member, host on GUIchallenges, co-host: CSSpodcast and BAD at CSSpodcast, maker of VisBug, OpenProps and GradientStyle.

Links

• ‎Gemini - chat to supercharge your ideas
• Invent Masonry Layout
• Feedback on Masonry Layout – Frontend Masters Boost
• Masonry
• CSS Masonry
• What would you call this layout?
• Web Bloat Impact

Sponsors

Show Description

Chris bought recording gear off an Instagram ad, our thoughts on WebC, CodePen upgrades Yarn, thoughts on the commercial value of open source, Automattic releases an app to install WordPress locally, IBM buys Hashicorp, income tax software, and a hack for getting Safari to respect background colors used in a pseudo selector.

Listen on Website →

Links

• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• 601: Brad Frost on A Global Design System + Frostapalooza – ShopTalk
• Audigo - The pocket-size recording studio
• Final Cut Pro Sync
• iPhone Webcam for Mac
• Acapella PicPlayPost
• Eleventy Generator
• Astro
• Enhance
• Transform Plain Text
• Home page
• Efficient Package Manager
• Explore Coding Ideas
• Code Editor Community
• Node.js Documentary
• Goodbye Atom. Hello Zed.
• Zed is now open source
• Git Branching, Refined
• Design System Tracker
• Local WordPress Development
• Studio by WordPress.com
• WordPress Security & Performance
• Melanie Sumner
• IBM acquires HashiCorp
• TurboTax Deceptive Filing
• TikTok Tax Advice
• Safari Selection Rendering
• Val Town

Sponsors

Show Description

Matt is here to talk about creating the perfect fantasy CMS for blogging, moderating comments at Metafilter, building sane defaults into programs, how difficult the web is, do we want AI in our CMS, and where is content headed on the internet?

Listen on Website →

Guests

Matthew Haughey

Guest's Main URL • Guest's Twitter

A writer with over 25 years of experience building products. In that time I've worked as a designer, coder, company founder, and senior writer.

Links

• Matt Haughey
• Blogger.com - Create a unique and beautiful blog easily.
• MetaFilter | Community Weblog
• MovableType.org
• The story of b2, b2evolution and WordPress
• Ghost: The best open source blogging platform
• Micro.blog
• A Whole Lotta Nothing
• Notes from migrating 24 years of blog posts from WordPress to Ghost
• Ideas for my dream blogging CMS
• Embrace the weird
• The newest episode of Search Engine is incredible
• Best printer 2023: just buy this Brother laser printer everyone has, it’s fine - The Verge

Sponsors

Show Description

Dave & Chris and thoughts on career advice that worked 3 years ago but isn't as helpful now, marking tests with ChatGPT, is taking a Drupal job in 2024 a good idea, Chris got #gear sniped, P3 color follow up, the confusing File System APIs, and where did all the lightboxes go?

Listen on Website →

Links

• chan (@chantastic) / X
• The Texas Tribune
• The Coming Wave Book
• Drupal - Open Source CMS | Drupal.org
• Electric Air Duster - 130000RPM Compressed Air Duster，3 Gear Adjustable Jet Dry Blower can Reusable Can for Computer Keyboard,Outdoors,Car,Home. : Electronics
• xScope • Measure. Inspect. Test.
• The Many, Confusing File System APIs – Cloud Four

Sponsors

Show Description

Dave's about to be eclipsed, the state of TypeScript in 2024, signals stage zero proposal, corrections on accessibility in frameworks (thanks!), web apps for better collaborative writing, getting productivity sniped, the problem with email may be you, indieweb follow up, and ultimate guitar tab apps.

Listen on Website →

Links

• Streamlining APIs, Databases, & Microservices | Apollo GraphQL
• Svelte • Cybernetically enhanced web apps
• Ember.js - A framework for ambitious web developers
• Web Test Runner: Modern Web
• Frontend Masters Boost – Helping Your Journey to Senior Developer
• Notion – The next gen of notes & docs
• Paper
• Stashpad - Your streamlined Google Docs alternative
• ButterDocs | Google Docs Alternative for Serious Writers & Teams
• Things - To-Do List for Mac & iOS
• Godspeed
• Aboard - Collect. Organize. Collaborate.
• Obsidian - Sharpen your thinking
• Analog - The original to-do system by Ugmonk
• CleanShot X for Mac
• IndieWebify.Me - a guide to getting you on the IndieWeb
• ULTIMATE GUITAR TABS
• John Deere commits to letting farmers repair their own tractors (kind of) - The Verge

Sponsors

Radical

Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show Description

What is a home cooked app? Blake Watson is on this episode to talk all about the kinds of apps that make a good home cooked app, tips and advice he has for making them, resisting the urge to monetize or growth hack them, and a few CodePen v2 thoughts sprinkled in at the end.

Listen on Website →

Guests

Blake Watson

Guest's Main URL • Guest's Twitter

Currently a member of the frontend dev team at MRI Technologies, working on projects for NASA.

Links

• Watson Brothers Games
• An app can be a home-cooked meal
• blakewatson.com – About
• blakewatson.com – MagnoliaJS 2023: The joys of home-cooked apps
• MRI Technologies
• blakewatson.com – Building our own private Discord knockoff
• blakewatson.com – Things I miss
• blakewatson.com – Use your Mac the way I do: a thought experiment
• Overimagine1/old-discord-font: CSS to revert Discord's font change.
• A Fine Start - minimal new tab page
• Knockout : Home
• Vue.js - The Progressive JavaScript Framework | Vue.js
• The Programming Language Lua
• Save 10% on Thronefall on Steam
• Game Off 2023 - itch.io

Sponsors

Show Description

We're opening up the ShopTalk mailbag and answering your questions, including does WordPress on your resume kill your job chances, what are our fav and least fav parts of web dev, our thoughts on HTMX, and what is it like to use pnpm instead of npm.

Listen on Website →

Links

• Front End Happy Hour
• Playdate
• Develop for Playdate
• Nuxt: The Intuitive Vue Framework · Nuxt
• ThePrimeagen
• Fast, disk space efficient package manager | pnpm
• Yarn

Sponsors

Radical Design

Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show Description

Fred K. Schott stops by to talk about Astro announcement of Astro DB. The pluses and minuses of it, and whether you have to always use the database with Astro DB. We get into how to seed your database, upgrading the database, and the almost weirdly generous pricing model.

Listen on Website →

Guests

Fred K. Schott

Guest's Main URL • Guest's Twitter

Co-creator of Astro.

Links

• Astro DB: A Deep Dive | Astro
• Astro DB
• Astro DB: A Deep Dive | Astro
• tursodatabase/libsql: libSQL is a fork of SQLite that is both Open Source, and Open Contributions.
• StackBlitz | Instant Dev Environments | Click. Code. Done.
• Schema.org - Schema.org
• Ben Holmes on X: "Astro built a database platform. How does it work?
• Clerk
• Lucia documentation
• PlanetScale forever
• Astro DB Just Released

Sponsors

Show Description

We're talking with Michelle Barker about the idea of paying to support bloggers (and podcasters!) via services like Patreon, drumming as a fun side gig from CSS, how big of an issue digital sustainability is, trying to understand the environmental impact of our websites and digital life, wondering why YouTube embeds are still so large, disabling cookies, and how to build the web in a more sustainable way.

Listen on Website →

Guests

Michelle Barker

Guest's Main URL • Guest's Twitter

Senior Front End Developer at Ada Mode, where Michelle works on Windscope, web-based data visualisation and exploration software for wind farm operators.

Michelle also loves playing the drums. Their happy place is where creativity and code intersect

You can also find Michelle writing and speaking about CSS and digital sustainability on the web and around the world.

Links

• Michelle Barker
• Ada Mode
• Windscope
• CSS { In Real Life }
• Michelle Barker (@[email protected]) - Front-End Social
• Michelle Barker
• Michelle Barker on CodePen
• mbarker84 (Michelle Barker)
• shoptalkshow.com - Website Carbon Calculator
• paulirish/lite-youtube-embed: A faster youtube embed.

Sponsors

Radical Design Course

Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show Description

Jim Nielsen joins us to about URLs and linking as the new subversive way to maintain the web, paying for news in Canada, should content creators be worried about AI, the case for design engineers, RSS in HTML, and the state of state and UI.

Listen on Website →

Guests

Jim Nielsen

Guest's Main URL • Guest's Twitter

Designer. Engineer. Writer.

Links

• About - Jim Nielsen’s Blog
• “Wherever you get your podcasts” is a radical statement - Anil Dash
• The Subversive Hyperlink - Jim Nielsen’s Blog
• More Files Please - Jim Nielsen’s Blog
• Canada to keep pressure on Facebook to pay for news, Trudeau says
• Cite Your Sources, AI - Jim Nielsen’s Blog
• For the first few decades of the web, the tacit agreement wa...
• The Case For Design Engineers, Pt. II - Jim Nielsen’s Blog
• RSS in HTML: A Follow-Up - Jim Nielsen’s Blog
• Style your RSS feed
• UI is a Function of Your Organization - Jim Nielsen’s Blog
• UI daverupert.com
• Notes from “Why Can’t We Make Simple Software?” By Peter van Hardenberg - Jim Nielsen’s Blog
• I Staked Out My Local Domino’s to See Just How Accurate Its Pizza Tracker Is
• The Benevolent Deception: When Should a Doctor Lie to Patients? - The Atlantic

Sponsors

Elicit

Elicit’s goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them!

Show Description

A follow up on jQuery conversation, Microsoft owning all the things, what VS Code plugins are your ride or die, the ability to Git from wherever you want, Tailwind drama, global design system follow up, Arc Search gets roasted, and Frontend Design Conference is back!

Listen on Website →

Links

• GitHub - tc39/proposal-type-annotations: ECMAScript proposal for type syntax that is erased - Stage 1
• Chris Coyier on Embracing Technology and the Future of Web Development - Whiskey Web and Whatnot - Episode 131
• Zed
• Dracula Official
• GitLens
• Tower Git Client
• GitHub Desktop
• “Wherever you get your podcasts” is a radical statement - Anil Dash
• Sourcetree
• Tailwind marketing and misinformation engine
• What is Utility-First CSS?: HeydonWorks
• A Global Design System | Brad Frost
• Thoughts on a Global Design System – Chris Coyier
• Arc Search
• Can Apple Win Back Music - Brad Frost
• Carolina Chocolate Drops
• TPAIN - Twitch
• Front-end Design Conference - April 25-26, 2024

Sponsors

Wix

Wix Studio combines pure web design with maximum productivity. Taking the grind out of website creation for professional designers. Use the powerful visual editor, or work online in a VS Code-based IDE, or code locally and push changes via GitHub.

Show Description

Josh (or Jsoh) stops by to talk about his work at Deno, recent blog posts on Copilot, why Svelte is awesome and React is not, Apple and PWA, and building word games on the web.

Listen on Website →

Guests

Josh Collinsworth

Guest's Main URL • Guest's Twitter

Frontend Engineer at Deno, the maker and designer of the word games Quina, and Hondo.

Links

• Josh Collinsworth
• Deno, the next-generation JavaScript runtime
• Deno Deploy | Deno
• Fresh - The next-gen web framework.
• I worry our Copilot is leaving some passengers behind - Josh Collinsworth blog
• How A Small Team of Developers Created React at Facebook | React.js: The Documentary
• Vite | Next Generation Frontend Tooling
• Screen Recorder for macOS. Beautiful videos in minutes | Screen Studio
• CleanShot X for Mac
• stitchy - crates.io: Rust Package Registry
• Raycast
• Home
• Squoosh
• RunJS - JavaScript Playground
• Quina - Menu
• Hondo - a word game in 100 words or less
• Home / PWABuilder

Sponsors

Join Elicit as a software engineer

Elicit’s goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them!

Show Description

Voiceover pays us a visit, we talk about what accessibility really means, the difficulty of closing a dialogue element, web components at work, and jQuery 4 is out.

Listen on Website →

Links

• Opportunities for AI in Accessibility – A List Apart
• the-pastry-box-project.net
• An Alphabet of Accessibility Issues by Anne Gibson
• Alphabet of Accessibility Deck
• Understanding accessibility through ABCs – On the Issues
• Frontend Masters Boost – Helping Your Journey to Senior Developer
• storage-form Web Component - David Darnes
• CodeMirror
• FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
• HTML with Superpowers | HTML with Superpowers
• Learn from Dave Rupert's courses | Frontend Masters
• jQuery

Sponsors

Miro

Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show Description

Brad Frost has got design systems on his mind—at a global scale. What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what's Frostapalooza?

Listen on Website →

Guests

Brad Frost

Guest's Main URL • Guest's Twitter

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

Links

• A Global Design System | Brad Frost
• Shadcn UI
• Homer Designs a Car
• This Is Big Design
• Frostapalooza Concert
• Brad Frost
• Brad Frost (@brad_frost) • Instagram photos and videos
• bradfrost (Brad Frost) · GitHub
• Brad Frost on CodePen
• Brad Frost
• Brad Frost
• brad_frost’s Music Profile | Last.fm

Sponsors

Jam.dev

You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show Description

We've got your feedback as well as our thoughts on where we all think the web will be in 2036 - as we celebrate 12 years of ShopTalk Show history, we're looking forward to what's to come with ideas around cookie banners, undo, no more passwords, React, Deno, Node, and Mozilla's future, ChatGPT's thoughts, accessibility, blockchain, VR / AR, hoverboards, P3 color space, indie web, JS bundle sizes, and more!

Listen on Website →

Links

• 12 predictions for the next 12 years to celebrate 12 years of ShopTalk
• The most powerful Git client for Mac and Windows | Tower Git Client
• Justin Peacock: "@chriscoyier @davatron5000 sin…" - Super Rad
• Future of Web 2034
• Obsidian - Sharpen your thinking
• rabbit — home
• Apple Vision Pro - Apple
• A Global Design System | Brad Frost
• Lemon Productions Podcast Editing by Chris Enns
• phamtranscriptionservices.com

Sponsors

Jam.dev

You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show Description

Dave and Chris discuss indie web culture, the role of social media in today's society, and the challenges and strategies of freelancing. Additionally, they discuss a range of topics from content moderation, coding and refining tech skills, to emerging startups and the future of web technology.

Listen on Website →

Links

• Cracking The Cryptic
• How Adam Savage COMPLETELY Overhauled His Workshop
• Where have all the websites gone?
• I miss RSS
• kottke.org - home of fine hypertext products
• Daring Fireball
• Chris Coyier – Web craftsman, blogger, author, speaker.
• The Homepage of Dave Rupert | daverupert.com
• Naz Hamid
• Substack Is Not Infrastructure – Pixel Envy
• Why Platformer is leaving Substack
• Duolingo - The world's best way to learn a language
• Shutting down Artifact. We’ve made the decision to wind down… | by Artifact Team | Artifact News | Jan, 2024 | Medium
• Daring Fireball: Artifact Is Shutting Down After One Year
• The Quiet Death of Ello's Big Dreams - Waxy.org
• IndieWeb - IndieWeb
• Webmention - IndieWeb
• Quick thoughts on chips | daverupert.com
• Quicker Thoughts on Chips - Snook.ca
• Email is good. – A site about email productivity.
• Lemon Productions - Podcast Editing and Production by Chris Enns
• Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician
• Courses by Kent C. Dodds

Sponsors

Jam.dev

You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show Description

Jen Simmons, Apple Evangelist on the Web Developer Experience team for Safari & WebKit, stops by to talk about what Interop is, and a look ahead at new CSS features in Webkit and Safari such as JPEG XL, masks, a round function, JavaScript improvements, styling form controls, content unblocks, masonry, and more!

Listen on Website →

Guests

Jen Simmons

Guest's Main URL • Guest's Twitter

 Apple Evangelist on the Web Developer Experience team for Safari & @webkit. Member of CSS Working Group.

Links

• Can I use... Support tables for HTML5, CSS3, etc
• Apple Developer
• JPEG - JPEG XL
• WebKit
• Bugzilla Main Page

Sponsors

Jam.dev

You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show Description

We're closing in on episode 600 and need your help to celebrate! Listen in to learn how to contribute to the episode. We're also talking GitHub desktop apps and code editors, how many VS Code plugins are needed, reading long form like Poor Charlie's Almanack, InVision shutting down, and answering our first Q of the year: how would you approach learning web development in 2024?

Listen on Website →

Links

• The most powerful Git client for Mac and Windows | Tower Git Client
• GitHub Desktop | Simple collaboration from your desktop
• Zed - Code at the speed of thought
• Tree-sitter｜Introduction
• Panic - Nova
• JetBrains: Essential tools for software developers and teams
• Poor Charlie’s Almanack: The Essential Wit and Wisdom of Charles T. Munger
• Stripe Press — Ideas for progress
• Engineering Management for the Rest of Us
• Stripe Press — Ideas for progress
• Stripe Press — The Dream Machine
• Stripe Press — The Making of Prince of Persia
• The Very Best Podcasts of 2023
• The 25 Best Podcasts of 2023 - The Atlantic
• ‘Search Engine’ Podcast Brings Back the Joy of ‘Reply All’
• UX design company InVision is shutting down this year
• Website design software | Adobe Dreamweaver
• Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend Masters
• Learn from Emma Bostian's courses | Frontend Masters
• Trending - CodePen

Sponsors

Jam.dev

You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show Description

Looking back at the year of AI, using Arc on macOS and now Windows, dreaming of subscriptions, and knowing how to be mad about the right thing.

Listen on Website →

Links

• Crunchyroll
• Dropout
• ‎Wish (2023)
• GitHub Copilot
• Loom
• Introducing Whisper
• A Convo w/ Chris Coyier – Arc
• Arc from The Browser Company
• Codeium
• Dropbox spooks users with new AI features that send data to OpenAI when used | Ars Technica
• One YouTube Embed weighs almost 1.2 MB
• lite-youtube-embed: A faster youtube embed.

Sponsors

Miro

Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show Description

Blood pressure, stress, and COVID highlight the MedTalk Show portion of this episode, a new "Did You Know" segment about dev tools in Chrome, 4 hour video on plagiarism and code grifters, typography, breaking out of CSS Grid, the oldest things Chris and Dave worked on, and what the testing process is like at Luro or CodePen.

Listen on Website →

Links

• Blood Pressure – Chris Coyier
• QardioArm 2 - Smart Blood Pressure Monitor
• CodePen PRO
• Plagiarism and You(Tube)
• kottke.org - home of fine hypertext products
• Welcome to Ethan Marcotte’s website
• Practical SVG, A Book Apart
• Built to Last: Successful Habits of Visionary Companies: Collins, Jim, Porras
• Kevin Powell
• Igalia Chats: The Struggle to Keep Up with Web Tech
• Thoughts on testing

Sponsors

Miro

Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show Description

In this episode we're discussing making tech videos, website tinkering, :has tricks, SVG path commands, and the complexities of CSS & JavaScript logic.

Listen on Website →

Links

• Streamlabs
• NextDNS
• GitHub Desktop
• Tower Git Client
• Screen Studio
• ScreenFlow
• Descript | All-in-one video & podcast editing, easy as a doc.
• Mark Rober
• I Joined 4 Coppers For Ranked... (Rainbow Six Siege)
• Element Indexes – Chris Coyier
• A /random Route on a WordPress Site – Chris Coyier
• daverupert.com
• Bookshelf | daverupert.com
• Sentry

Sponsors

Miro

Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show Description

Thoughts on smashing all communication messaging apps together, what's happened to Tumblr under Automattic, what the situation is with native web components and JavaScript, and looking at a list of types of blog posts.

Listen on Website →

Links

• Combined Messaging Apps – Chris Coyier
• Adium - Download
• Beeper
• XMPP
• Texts
• Automattic CEO Matt Mullenweg details Tumblr's future after re-org
• Matrix.org
• Web Components | Learn to Create Web Components | Frontend Masters
• HTML Web Components - Jim Nielsen’s Blog
• Uncluttered – Baldur Bjarnason
• Luro | Build a design system and track component usage, adoption, and success across your entire product.
• Apple Annie’s Weblog · Types of blog posts.
• Email is good. – A site about email productivity.
• Fastmail | We Respect Your Privacy & Put You in Control
• The ‘Enshittification’ of TikTok | WIRED
• Pushing back on unconstrained capitalism with Cory Doctorow (Changelog Interviews #565) |> Changelog
• Julia Evans

Sponsors

Show Description

Talking web components, progressive enhancement, style-able components, having to pay before you get to see a demo, being annoyed at the business of SEO, and subscriptions vs ads.

Listen on Website →

Links

• FitVids has a web component now | daverupert.com
• Code Hike
• Everything about SEO is obnoxious – Chris Coyier
• Did SEO experts ruin the internet or did Google? - The Verge
• Swift.org - Welcome to Swift.org
• Flutter - Build apps for any screen

Sponsors

Show Description

Miriam Suzanne stops by to talk about CSS updates and news on container queries, rolling out cascade layers, !important things to remember, custom properties, exit animations, CSS functions, state queries, and more.

Listen on Website →

Guests

Miriam Suzanne

Guest's Main URL • Guest's Twitter

Co-Founder of Oddbird, core contributor to Sass, author for Sitepoint and CSS Tricks, invited expert to the w3c CSS Working Group.

Links

• mirisuzanne (Miriam Suzanne)
• Miriam Suzanne on CodePen
• Autoprefixer CSS online
• Lightning CSS
• Select an element which doesn’t descend from another in CSS | chriskirknielsen
• Susy | OddBird
• Posts | OddBird
• Demystifying CSS Container Queries | OddBird
• Demystifying CSS Container Queries

Sponsors

Miro

Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com

Show Description

The excitement of launching Luro, changes in social media platforms, different seasons for coding and marketing, embedded social media post weight, CSS thoughts from Web Unleashed, focus state issues, and fact checking and updating old posts on your blog.

Listen on Website →

Links

• Luro | Build a design system and track component usage, adoption, and success across your entire product.
• Watch Dave's livestreams on Twitch
• Pebble (social network)
• Message Decoder – Chris Coyier
• Message Decoder - Scans your notifications, automatically puts one-time passcodes on your clipboard
• 0 KB Social Media Embeds – Chris Coyier
• WordPress plugin for fediverse embeds | Stefan Bohacek
• Stories: Building a home for my shitty sci-fi | daverupert.com
• Stories | daverupert.com
• An Anchored Navbar Solution – Eric’s Archived Thoughts
• I Have A New Podcast! - by Michael Hobbes
• If Books Could Kill on Apple Podcasts

Sponsors

Miro

Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com

Show Description

A quick bit of union news follow up, CSS function round up, Read It Later inside Feedbin, fun uses for a Stream Deck+, how to turn up the money dial in your own business, and having the audacity to call yourself a publisher.

Listen on Website →

Links

• A Couple of New CSS Functions I’d Never Heard Of – Chris Coyier
• [@ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads](https://www.threads.net/@ichrisv2/post/CydyJByOPvK)
• Bandcamp’s Entire Union Bargaining Team Was Laid Off
• xywh() - CSS: Cascading Style Sheets | MDN
• Bramus: "To change a color based on Lig…" - Front-End Social
• @ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads
• Chris Enns: "Parenting tip: iOS17’s Assisti…" - Mastodon
• Read Later in Feedbin | daverupert.com
• Feedbin
• Meta in Myanmar, Part I: The Setup - Erin Kissane's small internet website
• Convert bookmarklet to Chrome extension
• Reeder 5
• Read Aloud: A Text to Speech Voice Reader - Chrome Web Store
• Stream Deck + Black Edition
• The Browser is a Printing Press
• Luro | Luro Posts
• Luro
• blender.org - Home of the Blender project - Free and Open 3D Creation Software

Sponsors

Show Description

Elliott Marquez talks with us about the history of Polymer and Lit, why you should pick Lit, working with web components, the shadow dom, managing state, and how Material design is built with web components.

Listen on Website →

Guests

Elliott Marquez

Guest's Main URL • Guest's Twitter

Front-end software development for Google’s Lit team.

Links

• webcomponents.org
• Lit
• esm.run by jsDelivr - A New-Age CDN for JavaScript modules
• davatron5000/fit-vids: Web Component version of FitVids from the creator of FitVids
• Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
• Material Web
• Discord

Sponsors

Show Description

Ethan Marcotte is here to talk about his new book, You Deserve a Tech Union, and discusses topics such as why we need unions in tech, who gets to be in the union, how unions can help deal with the AI question, union busting, and some arguments against unions.

Listen on Website →

Guests

Ethan Marcotte

Guest's Main URL • Guest's Twitter

Designer, writer, and speaker. Started that “responsive web design” thing.

Links

• Ethan Marcotte on LinkedIn
• Ethan Marcotte on Mastodon
• Welcome to Ethan Marcotte’s website — Ethan Marcotte
• Responsive Web Design, A Book Apart
• You Deserve a Tech Union, A Book Apart
• Google Flat-Out Refuses to Bargain With Workers, Prompting YouTube Music Strike
• CEO Patrick Collison's email to Stripe employees
• Twitter lays off another 10% of staff, New York Times reports | CNN Business
• Kickstarter United
• When Is a Superstar Just Another Employee? - Freakonomics
• Basecamp Blowup: Banning Politics At Work Prompts Over A Dozen Employees To Quit : NPR
• Bandcamp United - Home
• Glitch workers sign tech’s first collective bargaining agreement - The Verge
• Waiting for "Superman"
• Resilient Management | A book for new managers in tech

Sponsors

Show Description

Manton Reece, creator of Micro.blog, stops by to talk about the history of Micro.blog, what it's written in, how it handles feeds coming in and going out, cross-posting, authentication, and the somewhat hidden features of Micro.blog: bookmarking, bookshelves, and even podcasting.

Listen on Website →

Guests

Manton Reece

Guest's Main URL • Guest's Twitter

Creator of Micro.blog, co-host of Core Intuition.

Links

• Kagi Search - A Premium Search Engine
• Micro.blog
• Manton Reece - About
• Micro.blog - @manton
• Indie Microblogging: owning your short-form writing by Manton Reece — Kickstarter
• Indie Microblogging
• Sinatra
• Cross-Posting - Chris Coyier
• Cross-posting to Twitter, Medium, Mastodon, and more - Cross-posting - Micro.blog Help Center
• Letterboxd • Social film discovery.
• Nostr, a simple protocol for decentralizing social media that has a chance of working
• Welcome to Pinboard—Social bookmarking for introverts!
• Micro.blog for iOS
• Hugo
• Bear Blog
• MarsEdit 5
• Core Intuition podcast

Sponsors

Show Description

Chris redesigned his blog, using sounds on your website to make it seem fancy, what can't automated accessibility tests test, and what's new in Safari 17.

Listen on Website →

Links

• School dropoff and sweater weather season | Instagram
• Chris Coyier - Web craftsman, blogger, author, speaker.
• Cannonball is such a badass song - Chris Coyier
• Soundcite
• Why not React? - DEV Community
• Top Tasks - A how-to guide - Gerry McGovern
• How To Make A Strong Case For Accessibility – Smart Interface Design Patterns
• Expanding your touch targets – Nicole Sullivan
• v0.dev by Vercel
• Fable | Digital accessibility, powered by people with disabilities
• Safari 17 Release Notes | Apple Developer Documentation
• display: contents considered harmful – Eric Bailey
• More accessible markup with display: contents | hidde.blog
• A (more) Modern CSS Reset - Andy Bell
• Smart Interface Design Patterns (9h video + live UX training) – 100 Smart Interface Design Patterns & Live Examples. 9h Video + UX Training.
• How To Make A Strong Case For Accessibility – Smart Interface Design Patterns

Sponsors

Show Description

Fred K. Schott stops by to talk about building community, open source and sponsorship, building on partnerships in the dev community, WordPress + Astro, view transitions, using Discord for support, and leaking secret Astro Studio details.

Listen on Website →

Guests

Fred K. Schott

Guest's Main URL • Guest's Twitter

Co-creator of Astro.

Links

• Astro
• Astro Documentation
• The Astro Blog | Astro
• Astro on GitHub
• Discord
• Astro (@astrodotbuild) on Twitter
• Discord | kapa.ai docs
• Astro Studio

Music for fake trailer: - How To Make A Blockbuster Movie Trailer - Auralnauts music - The Booj — Twenty Thousand Hertz

Sponsors

Show Description

Maggie Appleton talks with us about her work at Elicit, working with large and small language models, how humans vet the responses from AI, the discussion around the Soggoth meme in AI, using Discord as UI, what to do if your boss wants AI in your app, and why does she call her blog a digital garden?

Listen on Website →

Guests

Maggie Appleton

Guest's Main URL • Guest's Twitter

Design at Elicit. Makes visual essays about UX, programming, and anthropology. Adores digital gardening, end-user development, and embodied cognition.

Links

• Maggie Appleton
• Language Model Sketchbook, or Why I Hate Chatbots
• Maggie Appleton | Dribbble
• Squish Meets Structure: Designing with Language Models
• Ought
• FAQ | Elicit
• Squish Meets Structure: Designing with Language Models
• Language Model Sketchbook, or Why I Hate Chatbots
• 577: Shawn Wang on AI - ShopTalk
• Introducing Whisper
• Photoshop (beta) on the desktop
• Midjourney
• Llama 2 - Meta AI
• LukeW | Ask
• Maggie Appleton (@Mappletons) / X

Sponsors

Show Description

Getting tripped up on audio at conferences, announcing the ShopTalk Show Lifetime Plan, some Once pricing #hotdrama, remembering Molly Holzschlag, web components, Luro launch day thoughts, and a question about using a normalize or sanitize in 2023 prompts a run through of Andy Bell's Modern CSS Reset.

Listen on Website →

Links

• ONCE — Introducing ONCE
• Singing Carrots - The Place for Your Singing Practice
• Online Form Builder with Cloud Storage Database | Wufoo
• SurveyMonkey: The World’s Most Popular Free Online Survey Tool
• Envato - Top digital assets and services
• Open source hooliganism and the TypeScript meltdown
• Tucson's Molly Holzschlag, known as 'the fairy godmother of the web,' dead at 60 | Obituary
• Memories of Molly – Eric’s Archived Thoughts
• Bruce Lawson's personal site  : Goodbye Molly Holzschlag–a memoriam post
• The History of Internet Explorer and Web Standards | HackerNoon
• Shoelace: A forward-thinking library of web components.
• Luro | Expand your design system to your entire product development process
• A Modern CSS Reset - Andy Bell
• The ideal viewport doesn’t exist
• The CSS Podcast

Sponsors

Frontend Masters

The exploration sale is going on until September 18th!

• Newly revamped learning paths (all 18 of them)
• Brand new site / course search features
• Epic lineup of upcoming courses through the rest of 2023 and beyond!

Find your perfect course or learning path — $100 OFF

Show Description

Dave calls a quick Luro branding meeting, some thoughts on DevRel, Chris tries to figure out musical instrument mics, follow up on WordPress from a previous episode, Chris' journey through the social graph options, 100 year hosting with WordPress, and the introduction of a new segment: Happy Project Share Time.

Listen on Website →

Links

• kingkool68/wordpress-rh-starter-theme
• get_template_part()
• The cost of convenience — surma.dev
• The State of API-Powered Publishing to Social Media Networks - Chris Coyier
• XPoster – WordPress plugin | WordPress.org
• FS Poster
• Micro.blog
• kottke.org - home of fine hypertext products
• The 100-Year Plan on WordPress.com
• alfateam/rdb: Javascript ORM

Happy Project Share Time

• Learn Privacy
• Build UX
• A11yAutomation
• Continuous Accessibility
• Announcing Crashlands 2 | Butterscotch Shenanigans
• Stitch - Visual Studio Marketplace
• bscotch/stitch: Tools and apps for GameMaker development: a CLI for pipeline development, a VSCode extension for coding, and more.

Sponsors

Notion

Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk. When you use our link, you’re supporting our show!

Show Description

We're talking the State of CSS Survey, 2023 Edition, with Chen Hui Jing. What was it like helping develop the survey? A bit of follow up on regions, the benefits of being able to tell the browser what you want, language issues in developing and understanding CSS, the struggle for non-majority users, CSS frameworks, and more.

Listen on Website →

Guests

Chen Hui Jing

Guest's Main URL • Guest's Twitter

A self-taught designer and developer.

Links

• State of CSS
• Interop 2023: continuing to improve the web for developers
• Interledger Protocol (ILP): Open and Inclusive Payments

Sponsors

Notion

Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk. When you use our link, you’re supporting our show!

Show Description

Have you ever been an auctioneer? Sometimes when God closes a shed, he opens a sauna. Dave's working on the one day build theory, how to market with fake data, an update on the Discord, marketing with a spicy slug, what we want to see next in CSS, and thoughts on component libraries.

Listen on Website →

Links

• Beeper — All your chats in one app. Yes, really.
• Zach Leatherman in Elk: "Looks like the cat is out of the ba..." | Elk
• fks on Twitter: "There have been zero commits to the Gatsby repo in the last 24 days."
• Lennart on Twitter: "I have some sad news to share: In July Netlify laid off a lot of amazing people and I was one of them. Thus I'm actively looking for my next role as a full stack engineer. Please share with your networks and reach out to me!"
• Ward Peeters on Twitter: "@FredKSchott It’s dead. The whole staff is gone except one. It still works well but don’t expect major React 18 features to land"
• Quick thoughts on chips | daverupert.com
• Raycast
• Prioritise content over components | simeonGriggs.dev
• Things you forgot (or never knew) because of React - Josh Collinsworth blog
• GitHub - robinsloan/perfect-edition: A lightweight, responsive web e-book template
• zeldman on Twitter: "Content precedes design. Design in the absence of content is not design, it's decoration."
• JavaScript for Web Designers — A Book Apart
• You Deserve a Tech Union, A Book Apart
• Expert Idiot | daverupert.com

Sponsors

Show Description

Is Apple's Numbers amazing or the worst? Customer support at various levels of software, Figma and P3 color, imagining a colorspace property in CSS, what's Dave doing for productivity, how has offloading CSS Tricks affected Chris, and should we build different websites for mobile vs desktop?

Listen on Website →

Links

• Analog – Ugmonk
• web.mit.edu/jemorris/humor/500-miles
• Manage color profiles in design files – Figma Help Center
• OKLCH Color Picker & Converter
• Bullet journal
• Things - To-Do List for Mac & iOS
• Bear
• WURFL.io

Sponsors

Show Description

Shawn Wang joins us to talk about his work in AI, why prompt engineering is not what you need to focus on, how the scope of AI is bigger than any one of us, how to deal with the consistency of AI, and how to make use of AI in your product or app.

Listen on Website →

Guests

Shawn Wang

Guest's Main URL • Guest's Twitter

I help devtools cross the chasm (devrel, advising and investing) and help developers learn in public!

Links

• swyx's site
• swyx.io (@swyx) / X
• SWYX on YouTube
• SWYX on GitHub
• Latent Space: The AI Engineer Podcast — CodeGen, Agents, Computer Vision, Data Science, AI UX and all things Software 3.0 | swyx | Substack
• You Are Not Too Old (To Pivot Into AI) - by swyx
• LukeW | Ask
• The Rise of the AI Engineer - by swyx - Latent Space
• I Discovered The Perfect ChatGPT Prompt Formula
• It's Time To Build AI | UX
• GitHub - smol-ai/developer: the first library to let you embed a developer agent in your own app!
• BendJS Website
• Jasper - AI Copywriter | AI Content Generator for Teams
• Amelia Wattenberger (@Wattenberger) / X
• Typedream: Build your Website, Link in Bio, Forms, Blogs, and Sell Digital Products

Sponsors

Show Description

We're talking how we stay online - or not - on vacation, is create-guten-block the future for us WP developers? Can we get a state of the web component address from the President of web components? Have we seen the last new browser engine? And deciding whether to add features or remove them from your app.

Listen on Website →

Links

• Paul Reubens
• Ask a Question - ShopTalk
• If Web Components are so great, why am I not using them? | daverupert.com
• Moving from Stencil to LitElement
• Bookshelf | daverupert.com
• RespImageLint
• Luro | Expand your design system to your entire product development process
• Web-Environment-Integrity/explainer.md at main · RupertBenWiser/Web-Environment-Integrity · GitHub

Sponsors

Show Description

Bluesky adds first class support for urls as a username, text-wrap pretty update, sqwunching text update, should CSS spit out errors, anchor functionality, what does the edge mean, eSports and bowling, how to test websites on slower CPUs, and what does proxy or reverse proxy mean?

Listen on Website →

Links

• Alex Super and You
• Text Wrap Pretty in CSS
• Open UI
• Alcatel Mobile
• Twilio Segment

Sponsors

Design Better Podcast

Design Better Podcast is a show about the intersection of design, technology, and the creative process from our pals Aarron Walter and Eli Woolery. Subscribe to the Design Better Podcast at designbetterpodcast.com or wherever you listen.

Notion

Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk. When you use our link, you’re supporting our show!

Show Description

Estelle Weyl and Eric Meyer join us to talk about the 5th edition of their book, CSS: The Definitive Guide. We talk about some of CSS' biggest blunders, custom scroll bars, single line comments, shorthand in CSS, useless CSS trivia, and how to get started learning CSS in 2023.

Listen on Website →

Guests

Eric Meyer

Guest's Main URL • Guest's Twitter

Estelle Weyl

Guest's Main URL • Guest's Twitter

Links

• First-Person Scrollers – Eric’s Archived Thoughts
• CSS Selectors with Estelle Weyl
• CSS: The Definitive Guide, 5th Edition [Book]
• Open Web Docs

Sponsors

Notion

Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk. When you use our link, you’re supporting our show!

Show Description

Chris breaks out his banjo, some thoughts on making music vs recording music, what happened to Google Reader and social reading, what black box properties can't Dave or Chris remember, follow up for dev teams communicating with designers, and what's Adobe going to do about Figma?

Listen on Website →

Links

• Garageband
• Framework laptop
• How Google Reader died — and why the web misses it more than ever - The Verge
• Feedbin
• Adactio: Jeremy Keith
• NetNewsWire: Free and Open Source RSS Reader for Mac and iOS
• Free Design, Photo, and Video Tool | Adobe Express
• Free Design Tool: Presentations, Video, Social Media | Canva
• Design for the web without Figma

Sponsors

Show Description

Dave reports back from the Figma Conference, how to build a better developer to designer bridge, do clients really want to update their website, using Stripe in 2023, permissions and sharing, and are you feeling overwhelmed by CSS in 2023?

Listen on Website →

Links

• Config 2023 | Figma’s Annual Conference
• Figma
• Visual Studio Code Toolkit | Figma Community
• Luro | Expand your design system to your entire product development process
• Storybook: Frontend workshop for UI development
• Makeswift — the visual builder for Next.js
• Webflow: Create a custom website | No-code website builder
• How to test UIs with Storybook
• GrapesJS
• Stripe Checkout | Stripe Documentation
• Stripe Elements: Embeddable UI components to build pixel perfect payments experiences
• Appcues | Product adoption made easy
• Mindf*ck: Cambridge Analytica and the Plot to Break America a book by Christopher Wylie
• SkwunchText Experiment: inject spans and use :has() to count chars
• Watch Out for Layout Shifts with ‘ch’ Units – Cloud Four

Sponsors

Notion

Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk. When you use our link, you’re supporting our show!

Show Description

Do you listen at 2x? Do Chris and Dave sound weird at normal speed IRL? How searching compares to using AI, chatbots kind of suck at context, getting a designer to work with developers at an agency, what happened to content visibility, and how to best build a design system using web components.

Listen on Website →

Links

• Airshow Podcast Player
• Whiskey Web and Whatnot - A whiskey fueled fireside chat with your favorite web developers.
• OpenAI
• Raycast Pro
• Wavelength: Group Chat, Friends & AI
• Amelia Wattenberger
• Language Model Sketchbook, or Why I Hate Chatbots
• GitHub Copilot · Your AI pair programmer · GitHub
• Framer AI — Generate and publish your site with AI in seconds.
• content-visibility: the new CSS property that boosts your rendering performance
• The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
• Shoelace: A forward-thinking library of web components.

Sponsors

Show Description

We're talking Dave's new haircut, playing Hondo, what Dave uses for images on his bookshelf page, lazy-loading thoughts, vh vw follow up, eyeball tracking updates, loading website with js, Vue transitions, charging for API access, and do you cross post, one post, or no post on social media in 2023?

Listen on Website →

Links

• Dave Rupert: "I got the worst haircut of my entire life this week
• Hondo - a word game in 100 words or less
• Bookshelf | daverupert.com
• Add sizes=auto to lazy-loaded #8008
• From Milliseconds to Millions: The Numbers Driving Web Perf | Harry Roberts | performance.now() 2019
• First Experiments with View Transitions for Multi-page Apps
• Mimestream | A native macOS email client for Gmail

Sponsors

Notion

Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk. When you use our link, you’re supporting our show!

Show Description

How do you point out things in a UI? Are Arc Boosts the end of the web? What do you think of VR and AR / Vision Pro and Meta Quest? And what do you do when the sticky header goes missing?

Listen on Website →

Links

• Luro | Expand your design system to your entire product development process
• WWDC23 - Apple Developer
• Hiding The Complexity of Element Selection - Chris Coyier
• Tango | Interactive walkthroughs, created in seconds.
• Boosts: Customize Any Website | Arc Resources
• Appcues | Product adoption made easy
• Android Browser Navbar Sticky Header
• Meta Quest 2: Immersive All-In-One VR Headset | Meta Store | Meta Store
• Microsoft HoloLens | Mixed Reality Technology for Business
• Welcome to Wolvic
• Android Browser Navbar

Sponsors

Show Description

Macho Man Randy Standards stops by for a quick chat, Passkeys follow up, discussing the safety of Display: contents, the yellow fade technique, how hot CSS is right now (so hot), and a check in on how everyone's doing with Tears of the Kingdom.

Listen on Website →

Links

• display: contents considered harmful – Eric Bailey
• The Yellow Fade Technique with Modern CSS using @starting-style – Bram.us
• GitHub - oddbird/popover-polyfill

Sponsors

Notion

Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk. When you use our link, you’re supporting our show!

Show Description

What do you do if your computer dies? Chris applies to work at Luro, Dave applies at CodePen, Dave's Zod curious, TypeScript, sorting out a 10MB blog post, and how much do you miss jQuery?

Listen on Website →

Links

• Mac Studio - Apple
• Zod | Documentation
• Execute Program
• Courses - Wes Bos
• Building a modern design system in layers

Sponsors

Join us on Patreon!

Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.

Show Description

How should a podcast start? Talking View transitions, Google's Baseline, Passkeys, how to start a company, and ordering a spicy chicken combo at Wendy's.

Listen on Website →

Links

• The Homepage of Dave Rupert | daverupert.com
• The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
• Introducing Baseline
• Can I use... Support tables for HTML5, CSS3, etc
• Google Passkeys
• Apple Passkeys
• 1Password - Password Manager for Families, Businesses, Teams

Sponsors

Join us on Patreon!

Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.

Show Description

Dave doesn't hate the hurdy-gurdy, but it's creation is an interesting parallel to software development. OKLCH follow up, @media, Edge drops new dev tools, CSS and Astro theming, JavaScript devs discover PHP, how many people block ads, and accessibility and grids.

Listen on Website →

Links

• The Homepage of Dave Rupert | daverupert.com
• Get to Know Microsoft Edge
• Boosts - Arc Boosts
• Home - GAAD
• grid - CSS: Cascading Style Sheets | MDN
• The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
• Appcues | Product adoption made easy
• The Hurdy-Gurdy software engineer | daverupert.com
• 5 Linkin Park riffs on hurdy gurdy
• Podcast Episode 1: An Apology Regarding Aboard - Aboard

Sponsors

Frontend Masters

Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

Show Description

Chris previews a bit of his Render ATL 2023 talk, and then we mouth blog some color ideas, thoughts, and shame you for your non-HD websites.

Listen on Website →

Guests

Davina George

Guest's Main URL • Guest's Twitter

Get in loser we're going to make fun of people for having standard def websites.

Links

• RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
• CSS Color Party with Adam Argyle (JS Party #273) |> Changelog
• 556: Andrey Sitnik and Using OKLCH for Color - ShopTalk
• Keynote - Apple (CA)
• Tailscale · Best VPN Service for Secure Networks
• OKLCH Color Picker & Converter
• Panic - Shockingly Good Software.
• Making Sense of Color Management, A Book Apart

Sponsors

Frontend Masters

The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

Show Description

There's a special guest on the show who takes aim at the billionaires in web dev, do we know better than the algorithm for news, why is AI training data such a secret, Chris and Dave discover JetBrains, monorepo struggles, and SVG drawing tools.

Listen on Website →

Guests

Bernie Standards

Guest's Main URL • Guest's Twitter

Trying to get billionaires out of the JavaScript ecosystem.

Links

• Local Timeline | Elk
• See the websites that make AI bots like ChatGPT sound so smart - Washington Post
• "the secret list of websites" - Chris Coyier
• ChatGPT Is a Blurry JPEG of the Web | The New Yorker
• PhpStorm: PHP IDE and Code Editor from JetBrains
• WebStorm: The Smartest JavaScript IDE, by JetBrains
• Turbo
• Installing · tmux/tmux Wiki · GitHub
• Boxy SVG Editor
• GitHub - steveruizok/perfect-freehand: Draw perfect pressure-sensitive freehand lines.
• perfect-freehand
• Mermaid | Diagramming and charting tool

Sponsors

Frontend Masters

The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

Show Description

What if Taylor Swift lyrics hold the answers to web dev questions? Podcast app thoughts, using Cloudflare Zaraz, what we're excited about with CSS, Arc browser updates, and are we even developers or are we specialized systems whisperers?

Listen on Website →

Guests

Tswifinator

Guest's Main URL • Guest's Twitter

Sent from the future to de-monetize the podcast by combining two very famous and litigious IPs.

Links

• Listen to podcasts with the best free podcasting app - built by listeners, for listeners.
• Overcast
• Pod Save America | Crooked Media
• The Laws of War Podcast
• Nintendo Switch Family
• Switch - Chris Coyier
• Cloudflare Zaraz - Third-party tool manager | Cloudflare
• Segment Documentation | Segment Documentation
• Going all in on Roads and Cities - Episode 6 Catan Gameplay
• Change Advanced settings in Safari on Mac - Apple Support (CA)
• Arc from The Browser Company
• Domo Arigato: Why Bots Should to be Required to Self-Identify

Sponsors

Frontend Masters

Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

Show Description

Topics for this one include how do you learn about web performance news? Do you need a web components sommelier? Our thoughts on Syntax going to Sentry, and being able to focus on the things you want to focus on. Passkeys, Arc split screen, and vibe driven development.

Listen on Website →

Links

• Sameera (@[email protected]) - Front-End Social
• Interaction to Next Paint (INP): What is it and How to Improve It - Calibre
• The Performance Golden Rule Revisited - Web Performance Consulting | TimKadlec.com
• Luro | Expand your design system to your entire product development process
• Use huddles in Slack | Slack
• Optimize Time to First Byte
• Why We Switched CDNs: How Google's Core Web Vitals Led Us to Cloudflare Pages - Electric UI
• Syntax × Sentry MMXXIII | Product Blog • Sentry
• Dynamic LCP Priority: Learning from Past Visits — Philip Walton
• Welcome To Partytown
• Auth0: Secure access for everyone. But not just anyone.
• Passkeys: What the Heck and Why? | CSS-Tricks - CSS-Tricks
• Vibe Driven Development

Sponsors

Frontend Masters

The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

Show Description

After a brief visit from Hip Hop Dad Dave, we're talking cascade layers updates, block link practices, search element getting dropped, how to use cite, emoji list accessibility, scrollbar state, and trigonometric functions in CSS.

Listen on Website →

Guests

Hip Hop Dad Dave

Guest's Main URL • Guest's Twitter

Oh Biscuits!

Links

• Emoji Lists, The Good Way? - Chris Coyier
• Dragon Speech Recognition - Get More Done by Voice | Nuance
• scrollbar-gutter - CSS: Cascading Style Sheets | MDN
• Improving CSS Shapes with Trigonometric Functions
• Trigonometric functions in CSS

Sponsors

Frontend Masters

The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

Show Description

Is there still any value in specializing in front-of-the-frontend dev? Would you ever use the dialog element for a mobile navigation? Why did CodePen decide to use Go for its GraphQL server?

Listen on Website →

Links

• The End of Front-End Development
• Scott O'Hara on Using the dialog element

Sponsors

Frontend Masters

Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

Show Description

Kristin Valentine from Vox joins the show to talk about text editor CMS fun across multiple sites, Vox's Chorus, The Verge redesign, sharing Design Systems, theming articles, and a fun new game called "Can Your Text Editor Do This??"

Listen on Website →

Guests

Kristin Valentine

Guest's Main URL • Guest's Twitter

Engineer at Vox Media Product.

Links

• Headless WYSIWYG Text Editor – Tiptap Editor
• Quill - Your powerful rich text editor
• Vox Media
• Vox - Understand the News
• The Dodo - For Animal People
• SBNation.com | Sports news, video, live coverage, community
• React.js: The Documentary | .cult by Honeypot

Sponsors

Frontend Masters

The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

Show Description

When will AI be able to tell you the risk / reward of cleaning up trees? Are conferences back? Bringing fidgets to the web, internet as an anxiety machine, and Chris is working on talk on modern CSS in real life.

Listen on Website →

Links

• RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
• Beyond Tellerrand – an event about web, design, development, technology and more
• Doing Computer - Chris Coyier
• Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician
• How's my driving chaos stickers
• Gowalla >> keep up with your friends IRL
• In the Stacks (Maisie's Tune), by Robin Sloan
• Black women and nonbinary surfers are rarely in the spotlight. This photographer changes that
• Open AI Chat
• Jeepers Frigging Cripes Crypto and NFTs are so stupid and dumb and bad and I can’t even. I’m out. Goodbye. Burn it down please. - Chris Coyier
• Ceramics • charlottedann.com

Sponsors

Frontend Masters

The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

Show Description

Andrey Sitnik from Evil Martians talks with us about why OKCLH is the best way forward for color on the web, how to incorporate it into design systems, getting your designers to use OKCLH, and what kind of fallback support is needed.

Listen on Website →

Guests

Andrey Sitnik

Guest's Main URL • Guest's Twitter

Author of PostCSS , Autoprefixer , and Logux_io

Links

• Evil Martians
• OK, OKLCH: a color picker made to help think perceptively
• Huetone
• https://color-playground.ardov.me/
• Design challenges behind OKLCH color picker
• Huetone palette generator
• A tool which will generate the whole theme based only on hue and a few contrasts
• APCA contrast calculator

Sponsors

Frontend Masters

Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.