Search Podcast
Editors' Lists
Featured Podcasts
Anlamın Peşinde
Amerika Günleri
Barış Özcan ile 111 Hz
Besitos para las plantas
Disciplinas Alternativas
Eternity Metal Podcast
Extraordinary English Podcast
Sesli Kitap (Nisan Kumru)
Real Talk JavaScript
CodeNewbie
React Podcast
All Podcasts
Recently Updated
ShopTalk » Podcast Feed
645: Mouthblogging CSS in 2024
2024/12/09
Info (Show/Hide)
Show Description
Riffing off the CSS Wrapped 2024 list from the Chrome team, we're talking field-sizing, animate to height, anchor positioning, custom scrollbars, cross-document view transitions, scroll-driven animations, and more!
Listen on Website →
Links
CSS Wrapped 2024
Introducing TODS – a typographic and OpenType default stylesheet | Clagnut by Richard Rutter
OpenType
Sponsors Bluehost Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.
644: Mouthblogging HTML in 2025
2024/12/02
Info (Show/Hide)
Show Description
We're talking HTML this episode, detail summary, HTML datalist element, styling selects, anchored pop ups, popovers, invokers, HR in select, target=blank, HTML for People, and what we still need.
Listen on Website →
Links
The and elements are getting an upgrade - Stephanie Stimac's Blog
Request for developer feedback: customizable select | Blog | Chrome for Developers
HTML & CSS Dropdowns
HTML Latest Control
Browser noopener links
Stylable Select Element
Self-Closing Tags in HTML
Riverside
Select Element with Rules
HTML Basics for Beginners
The aside element
AI Note Taking
Interop 2025
Sponsors Bluehost Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.
643: Social Capital, Easter Eggs in Apps, & CSS Parts
2024/11/25
Info (Show/Hide)
Show Description
How do you like your turkey at Thanksgiving, building social capital with the neighbors, a brief SportsTalk Show segment, noticing easter eggs in apps and the web, what is a component anyway, CSS parts follow up, and questions about Alpine.JS and ESLint.
Listen on Website →
Links
How to Spatchcock Chicken, a Step-by-Step Guide
Half-Life
Scott Jehl on Web Components
CSS Parts Relief
ESLint Sorting Plugin
GitLens
Biome
Sponsors
642: Chris Person on Forums, Reddit, and Cooperative Reporting
2024/11/18
Info (Show/Hide)
Show Description
Chris Person from Aftermath joins us to chat about the state of forums in 2024, being downwind of knowledge, forum drama, Reddit and StackOverflow's impact on forums, the importance of the individuals caring for knowledge and information, and the benefits and struggles of cooperatives in reporting.
Listen on Website →
Guests Chris Person
Guest's Main URL • Guest's Twitter
Makes Highlight Reel. Co-Founder 'n blogger at Aftermath.site.
Links
Forums Are Still Alive, Active, And A Treasure Trove Of Information - Aftermath
chris person (@Papapishu) / X
Highlight Reel | creating videos of the best recent clips from around the gaming
Highlight Reel
Forum Channels FAQ
Lego Storage Solutions
Bogleheads
RomHacking
Metal Finishing
The Something Awful Forums
Jeff Atwood
StackOverflow
Build Civilized Communities
Proxmox VE Helper-Scripts
Gawker Plot History
Defector
404 Media
Hell Gate Overview
Open Source Blogging
Sponsors Bluehost Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.
641: Passkey Usage, Writing Code with a Bot, and What’s Up With Java?
2024/11/11
Info (Show/Hide)
Show Description
We've got a few leftovers from Halloween to process, what's been happening with Passkeys in late 2024, have you tried to write HTML faster than a bot can suggest it to you, CSS anchor positioning and popover polyfills, scroll driven animation thoughts, CSS nesting, and what's the reason for Java?
Listen on Website →
Links
Auth0: Secure access for everyone. But not just anyone.
Stripe Checkout | Checkout Pages for Your Website
Passkeys Authentication
Mundango Storytelling
Developer Tools
Sponsors Bluehost Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.
640: Navigating the Pros and Cons of Web Components
2024/11/04
Info (Show/Hide)
Show Description
Riffing off a Dave Rupert blog post, Chris and Dave talk through the pros and cons of web components, when to use them, when it's a bad idea to use them, what would it take to make the Next.js of web components, and how long until we don't need anymore frameworks?
Listen on Website →
Links
Where web components shine - daverupert.com
Fluent UI - Get started - Fluent UI
React
Website Improvement
Begin Team to Join
Eleventy Generator
Components
URLPattern Polyfill
Sponsors Bluehost Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.
639: DX, JSON, XML, HTML, and Databases! Oh My!
2024/10/28
Info (Show/Hide)
Show Description
How important is the DX of software vs how important is the person showing off the software, Douglas Crockford and JSON, remembering XML, trying to write better HTML for email, new TC39 proposal, workshopping t-shirts, and what do you do if you want a little bit of database on your website?
Listen on Website →
Links
Web Unleashed 2024 - FITC
New High Contrast Syntax Highlighting Themes – CodePen
Douglas Crockford
JSON
JSON Feed
Slow Horses
JavaScript Compiler Proposal
ECMAScript 2024 Updates
Contentful
Strapi
Sanity Content System
Heroku
Cloudflare
Turso
Netlify Blobs
bolt.new
Sponsors Bluehost Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.
638: Q&A About Copyright, Jekyll, Joomla, Statamic, and More!
2024/10/21
Info (Show/Hide)
Show Description
Dave's designing a new tshirt, questions for lawyers about copyrights for code projects, what does the copyright in the footer actually do, what do Dave and Chris require for personal web projects, does Jekyll get updated anymore, the Bob from Hell UX pattern, viewing ads on CNN, what about Joomla or Statamic, and how do paid fonts on the web work?
Listen on Website →
Links
Coming home | A Working Library
Release v4.3.4 · jekyll/jekyll
How to Monetize a Blog
The Verge
Joomla CMS
Craft CMS
Statamic
Kirby Adapts
Sponsors Bluehost Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.
637: Approachable Open Source with Brian Muenzenmeyer
2024/10/14
Info (Show/Hide)
Show Description
Brian Muenzenmeyer joins the show to talk about his book, Approachable Open Source, ways we can make open source easier to get in, important conversations around funding and supporting open source, and whether money helps maintainers deal with burnout or not?
Listen on Website →
Guests Brian Muenzenmeyer
Guest's Main URL • Guest's Twitter
Author of Approachable Open Source, Principal Front End Engineer.
Links
Shop | Approachable Open Source
Approachable Open Source
Brian Muenzenmeyer
Front-End Social
SimpleBits®
Atomic Design Creation
Open Source Gardening
WTFPL
Security Risk Reduction
VoidZero | Blog
Announcing Biome
A Book Apart
Sponsors Bluehost Need a site right now?
Bluehost has AI that builds you custom WordPress sites in minutes.
Fast, easy, and ready to grow.
Go to bluehost.com/shoptalk and start today!
636: W Hot Drama Week (WordPress, WP Engine, and Web Components – Oh My!)
2024/10/07
Info (Show/Hide)
Show Description
We're getting some feelings out about WordPress and Matt Mullenweg vs WP Engine drama, as well as the Web Components conversation that happened this past week.
Listen on Website →
Links
WP Engine sues WordPress co-creator Mullenweg and Automattic, alleging abuse of power | TechCrunch
Automattic demanded a cut of WP Engine’s revenue before starting WordPress battle - The Verge
WP Engine Banned from Using WordPress.org Resources – WP Tavern
The WordPress vs. WP Engine drama, explained | TechCrunch
Matt Mullenweg: ‘WordPress.org just belongs to me’ - The Verge
WP Engine Term Sheet
Theo and Matt Mullenweg
Matt Discusses WordPress
WCUS 2024 Q&A
Modern WordPress Learning
Automattic | Five for the Future | WordPress.org
Automattic Alignment
Matt Mullenweg Calls Out GoDaddy
Matt Mullenweg Charitable Contributions
Lee Wittlinger Location
WebOps Platform
WP Engine
Hacker Interview
WordPress.com
WordPress Hosting
Web Components Present
Web Components Are Not the Future
Sponsors
635: Jeff Robbins and Visibox as an Instrument for Video
2024/09/30
Info (Show/Hide)
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
634: Fabian Kägy on WordPress, Blocks, and Enterprise Dev
2024/09/23
Info (Show/Hide)
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
633: Thomas Steiner on AI in Chrome and the Web
2024/09/16
Info (Show/Hide)
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
632: Adam Coster on Game Development and Crashlands 2
2024/09/09
Info (Show/Hide)
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
631: Dave’s Second Brain Idea, Notion Thoughts, and Google’s LLM in Chrome
2024/09/02
Info (Show/Hide)
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
630: Frostapalooza Recap, Follow Up, and Messy Codebases
2024/08/26
Info (Show/Hide)
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
629: The Great Divide, Global Design + Web Components, and Job Titles
2024/08/19
Info (Show/Hide)
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
628: Tending to RSS Feeds, Code Hike’s Fine Markdown, and Cloudflare R2
2024/08/12
Info (Show/Hide)
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
627: Getting Comfortable with the Struggle and Vibe Driven Development
2024/08/05
Info (Show/Hide)
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
626: We Were Wrong and Keep Getting in Trouble
2024/07/29
Info (Show/Hide)
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
625: CarTalk, Ownership of A Book Apart, and URL Shorteners
2024/07/22
Info (Show/Hide)
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.
624: Blogging, In App Browsers are Bad, and Teaching CSS from Scratch
2024/07/15
Info (Show/Hide)
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
623: Assigning Weight Dynamically, CoPilot vs Other AI, and Monorepos
2024/07/08
Info (Show/Hide)
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
622: Website Rendering, Updating Software, and Edge Gets Faster
2024/07/01
Info (Show/Hide)
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
621: Setting Up Prettier and Linting, Comparing Colors, and Accessibility Overlays
2024/06/24
Info (Show/Hide)
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
620: Cloudflare #HotDrama, Auth, and Prototyping Thoughts
2024/06/17
Info (Show/Hide)
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
619: Svencodes
2024/06/10
Info (Show/Hide)
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
618: Matt Visiwig on SVGBackgrounds
2024/06/03
Info (Show/Hide)
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
617: Economic & AI Vibes with Jason Grigsby
2024/05/27
Info (Show/Hide)
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
616: Strum Machine with Luke Abbott
2024/05/20
Info (Show/Hide)
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
615: Dave Goes Windows For Real
2024/05/13
Info (Show/Hide)
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
614: CSS Grid Level 3 aka Masonry with Adam Argyle
2024/05/06
Info (Show/Hide)
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
613: Recording Live Music, WebC, Open Source, & WordPress Studio
2024/04/29
Info (Show/Hide)
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
612: Matt Haughey on a Fantasy Blogging CMS Setup
2024/04/22
Info (Show/Hide)
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
611: React! TypeScript! Jobification! Drupal!
2024/04/15
Info (Show/Hide)
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
610: TypeScript in 2024, Signals, Productivity Sniped, and Follow Up
2024/04/08
Info (Show/Hide)
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.
609: Blake Watson on Home Cooked Apps
2024/04/01
Info (Show/Hide)
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
608: Can WordPress Kill Your Resume, Fav Parts of Web Dev, Exploring HTMX, and more!
2024/03/25
Info (Show/Hide)
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.
607: Astro Launches an Integrated Database
2024/03/18
Info (Show/Hide)
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
606: Web Sustainability with Michelle Barker
2024/03/11
Info (Show/Hide)
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 (@michelle@front-end.social) - 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.
605: Jim Nielsen on Subversive URLs, Blogging + AI, and Design Engineers
2024/03/04
Info (Show/Hide)
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!
604: VS Code Plugins, Git as a Radical Statement, Tailwind & Arc Drama
2024/02/26
Info (Show/Hide)
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.
603: Deno, React Alternatives, and Copilot Concerns with Triple Threat Josh Collinsworth
2024/02/19
Info (Show/Hide)
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!
602: What Does Accessibility Really Mean?
2024/02/12
Info (Show/Hide)
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 .
601: Brad Frost on A Global Design System + Frostapalooza
2024/02/05
Info (Show/Hide)
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.
600: Where Will The Web Be 12 Years from Now?
2024/01/29
Info (Show/Hide)
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.
599: Fighting the Algorithm With RSS, Blogging, and the IndieWeb
2024/01/22
Info (Show/Hide)
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.
598: Jen Simmons on Interop, WebKit Releases, and New CSS Features in Safari
2024/01/15
Info (Show/Hide)
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.
597: How Many VS Code Plugins, Poor Charlie’s Almanack, and Where to Start in 2024?
2024/01/08
Info (Show/Hide)
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.
596: The Year of AI, Arc, and Being Mad About the Right Thing
2023/12/18
Info (Show/Hide)
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 .
595: MedTalk Show, Plagiarism and Code Grifting, and How We’re Testing Code
2023/12/11
Info (Show/Hide)
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 .
594: Wiping Your Laptop, UX of Password Codes, and :Has Tips and Tricks
2023/12/04
Info (Show/Hide)
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 .
593: Beep & Texts, Tumblr, JavaScript & Web Components, & Cool Blog Post Ideas
2023/11/27
Info (Show/Hide)
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
592: Web Component Therapy, SEO Therapy, and Learning Something New like Swift
2023/11/20
Info (Show/Hide)
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
591: Cascade Layers, CSS Functions, and more CSS with Miriam Suzanne
2023/11/13
Info (Show/Hide)
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
590: Twisting Through Websites
2023/11/06
Info (Show/Hide)
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
589: CSS Functions, Read It Later, Making Money in Business, and More
2023/10/30
Info (Show/Hide)
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
588: Elliott Marquez on Web Components and Lit
2023/10/23
Info (Show/Hide)
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
587: Why Ethan Marcotte Thinks Tech Workers Deserve a Union
2023/10/16
Info (Show/Hide)
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
586: Micro.blogging with Manton Reece
2023/10/09
Info (Show/Hide)
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
585: Blog Redesign, Sounds on a Website, Accessibility Tests, and Safari 17
2023/10/02
Info (Show/Hide)
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
584: Community, Partnerships, Images, and Astro with Fred K. Schott
2023/09/25
Info (Show/Hide)
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
583: Language Models, AI, and Digital Gardens with Maggie Appleton
2023/09/18
Info (Show/Hide)
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
582: Lifetime Plan, Pricing #HotDrama, and CSS Resets
2023/09/11
Info (Show/Hide)
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
581: DevRel, Musical Mics, Social Sharing, and 100 Years of WordPress
2023/09/04
Info (Show/Hide)
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!
580: Chen Hui Jing and the State of CSS Survey for 2023
2023/08/28
Info (Show/Hide)
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!
579: One Day Builds, Spicy Slugs, and What Next for CSS?
2023/08/21
Info (Show/Hide)
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
578: Customer Support, P3 Color, Dave on Productivity, and Mobile vs Desktop
2023/08/14
Info (Show/Hide)
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
577: Shawn Wang on AI
2023/08/07
Info (Show/Hide)
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
576: Blocks, Components, Linting Images, Engines, and “Web Integrity”
2023/08/01
Info (Show/Hide)
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
575: CSS Errors, Proxy and Reverse Proxy, and What’s The Edge?
2023/07/24
Info (Show/Hide)
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!
574: Estelle & Eric on CSS The Definitive Guide, 5th Edition
2023/07/17
Info (Show/Hide)
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!
573: Google Reader, Sticky and Overflow, and Figma Thoughts
2023/07/10
Info (Show/Hide)
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
572: Text Sqwunch Property, Figma Developer Mode, Stripe Elements
2023/07/03
Info (Show/Hide)
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!
571: Searching vs AI, Getting Designers to Play Nice, and Web Components
2023/06/26
Info (Show/Hide)
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
570: Haircut Maintenance, Dave’s Bookshelf, Lazy Loading, and APIs
2023/06/19
Info (Show/Hide)
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!
569: Apple’s Web Apps, Meta Quest and Vision Pro, and Missing Sticky Headers
2023/06/12
Info (Show/Hide)
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
568: Display Contents, Passkeys Follow Up, Yellow Fade Technique, and TOTK Talk
2023/06/05
Info (Show/Hide)
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!
567: Full Stack Dev, Load Bearing Developer, and Being Zod Curious
2023/05/29
Info (Show/Hide)
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.
566: View Transitions and Passkeys
2023/05/22
Info (Show/Hide)
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.
565: The Hurdy-Gurdy, OKLCH, Edge Dev Tools, and Ad Blocking
2023/05/15
Info (Show/Hide)
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.
564: Render ATL, New Colors Available, Gradients, HDR, and More
2023/05/08
Info (Show/Hide)
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!
563: Getting Pulled by the Algorithm, AI Training Data, and SVG Drawing
2023/05/01
Info (Show/Hide)
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
562: Podcast Apps, Zaraz, Future CSS Thoughts, and Arc
2023/04/24
Info (Show/Hide)
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.
561: Web Perf News, Web Sommelier, Data Analytics, and Passkeys
2023/04/17
Info (Show/Hide)
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 (@samkap@front-end.social) - 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!
560: Oh Biscuits! Cascade Layers, Block Links, Emoji Lists, and more CSS!
2023/04/10
Info (Show/Hide)
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
559: Fidget Apps, Coding with AI, Dialog Element Navs, Getting Rid of CSS
2023/04/03
Info (Show/Hide)
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.
558: Esoteric Weird Content Editable Problems with Kristin Valentine
2023/03/27
Info (Show/Hide)
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!
557: ChatGPT, Conferences, Fidgets on the Web, and Modern CSS in Real Life
2023/03/20
Info (Show/Hide)
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
556: Andrey Sitnik and Using OKLCH for Color
2023/03/13
Info (Show/Hide)
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.
555: React Documentary, Front of the Front End, Fast Fallacy, and Best Practices
2023/03/06
Info (Show/Hide)
Show Description
Reacting to the React.js documentary, is there still jobs for front of the front end anymore? The fast fallacy in frameworks, best practices, dealing with too much or too little isolation, and AI test generation.
Listen on Website →
Links
React.js: The Documentary
Eleventy
CodePen Challenges
CodePen Spark
Turbo
What if writing tests was a joyful experience?
Tabnine - Introducing AI-powered unit testing generation! Accelerate your software development lifecycle
GitHub Copilot
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!
554: Jamstack Thoughts with Brian Rinaldi
2023/02/27
Info (Show/Hide)
Show Description
Brian Rinaldi joins us to talk about the state of Jamstack in 2023, acronym confusion, SPA confusion, developing common tools of understanding, why Netlify bought Gatsby, and the state of developer conferences.
Listen on Website →
Guests Brian Rinaldi
Guest's Main URL • Guest's Twitter
Brian Rinaldi is a Developer Experience Engineer at LaunchDarkly with over 20 years experience as a developer for the web. Brian is actively involved in the community running developer meetups via CFE.dev and Orlando Devs. He’s the editor of the Jamstacked newsletter and co-author of The Jamstack Book from Manning.
Links
What is Jamstack in 2023?
Netlify
Gatsby
Web Almanac
The Jamstack Book
Phil Hawksworth PR to change Jamstack spelling
Discussion: jamstack word treatment
Vercel
AWS Amplify
Begin
Astro
Eleventy
What Netlify's Acquisition of Gatsby Really Means
The State of Developer Conferences
ShopTalk Show on Mastodon
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
553: TypeScript, DX, GripeScript, and Astro v2 with Fred Schott
2023/02/20
Info (Show/Hide)
Show Description
Fred Schott stops by to talk about TypeScript, what DX means in 2023, a bit of GripeScript, and being transparent about what Astro is good at, and what it's not.
Listen on Website →
Guests Fred Schott
Guest's Main URL • Guest's Twitter
Astro co-creator.
Links
The Great Divide was indeed divisive
Deno
JSWorld Conference
Zod
Qwik
So you want to make a new JS framework
Sponsors
552: Do You Want to Build a JS Framework? ☃️ CSS Wishlist for 2023
2023/02/13
Info (Show/Hide)
Show Description
Austin power updates, what do you need if you want to build a new JavaScript framework, and what do we hope CSS brings in 2023?
Listen on Website →
Links
So You Want a New JS Framework?
Eleventy Notes
Nuxt
Nuxt.com
Qwik
Chris Things CSS Could Use in 2023
Dave CSS Wish list for 2023/
Tyler CSS Wish list for 2023/
Eric Thoughts on CSS for 2023
Popper
GSAP
Astro
Sponsors
551: PlanetScale with Iheanyi Ekechukwu and Mike Coutermarsh
2023/02/06
Info (Show/Hide)
Show Description
Iheanyi Ekechukwu and Mike Coutermarsh talk about PlanetScale, what Vitess is, if PlanetScale is for both side and big projects, what read only regions are, what schema changes are, and how PlanetScale compares to other projects.
Listen on Website →
Guests Iheanyi Ekechukwu
Guest's Main URL • Guest's Twitter
Iheanyi Ekechukwu is a Houston-based software engineer and angel investor, working at PlanetScale.
Mike Coutermarsh
Guest's Main URL • Guest's Twitter
Mike is a software engineer living in Pennsylvania working at PlanetScale.
Links
Planetscale
Vitess
Why you should really take a look at PlanetScale
F1 on PlanetScale
Sponsors
550: Sanity with Simen Svale Skogsrud and Espen Hovlandsdal
2023/01/30
Info (Show/Hide)
Show Description
Simen and Espen from Sanity stop by to talk about the origins of Sanity, how Sanity Studio works, good use cases for Sanity, how Sanity does real time updates, what Groq is, and where to start with Sanity.
Listen on Website →
Guests Simen Svale Skogsrud
Guest's Main URL • Guest's Twitter
CTO and founder at Sanity.io
Espen Hovlandsdal
Guest's Main URL • Guest's Twitter
Open-sourceror at Sanity.io.
Links
Check out Sanity
Syntax.fm on Sanity
Jamstack Conf
Dave's bookshelf
Sanity Groq
Sponsors
549: Ben Ubois of Feedbin
2023/01/23
Info (Show/Hide)
Show Description
Ben Ubois is the founder of Feedbin, the RSS reader of choice for Dave and Chris. What influenced the creation of Feedbin, the state of RSS in 2023, curating your RSS feed, and subscribing to newsletters in Feedbin.
Listen on Website →
Guests Ben Ubois
Guest's Main URL • Guest's Twitter
Founder and developer of Feedbin.
Links
Feedbin
Reeder
Netnewswire
JSON Feed
Readwise Reader
Daring Fireball
Waxy
Tom Critchlow - Library JSON
The Changelog Podcast ep499 with Ben Ubois
The YAML Document from Hell
Shauninman.com
Sponsors
548: Infinite Canvas, Luro + Figma, and Scraping or Crawling
2023/01/16
Info (Show/Hide)
Show Description
What's going to happen to homework with AI? Thoughts on infinite canvas which leads into Luro and Sigma integration, and Chris gets nerdsniped and tries to scrap (or should he crawl?) websites for data.
Listen on Website →
Links
What is ChatGPT?
How does AI image work?
Apple Freeform
ChrisCoyer.net: Infinite Canvas
mmm.page
Infinite Canvas Tools
Crawlee
Netlify
PostgreSQL
Supabase
Open Props
Luro
Sponsors
547: WordPress and GraphQL with Jason Bahl
2023/01/09
Info (Show/Hide)
Show Description
Jason Bahl joins the show to talk about the GraphQL and WordPress connection, his work on WP GraphQL plugin, Faust and Atlas from WP Engine, Jamstack and WordPress, and more.
Listen on Website →
Guests Jason Bahl
Guest's Main URL • Guest's Twitter
Principal Software Engineer at WP Engine
Links
WP GraphQL
WP Engine
WP GraphQL Smart Cache
WP Engine Atlas
Faust.js
Sponsors
546: Ryan Dahl and Deno
2022/12/19
Info (Show/Hide)
Show Description
Ryan Dahl stops by to talk about Node, Deno, JavaScript, testing, V8, and thoughts around getting started with Deno.
Listen on Website →
Guests Ryan Dahl
Guest's Main URL • Guest's Twitter
Ryan Dahl is best known for creating the Node.js JavaScript runtime as well as the Deno JavaScript/TypeScript runtime.
Links
Ry on GitHub
Deno
Things I Regret About Node
Node.js creator Ryan Dahl urges Oracle to release JavaScript trademark
Deno Deploy
Fresh
Sponsors Sanity Awesome Things:
New Studio Customization Framework enabling you to tailor the Studio to your needs without added maintenance. Yay, less code! It has full typescript coverage, so you can customize your studio with confidence from within your favorite code editor.
The new Studio enables embeddable authoring. You can now embed Sanity Studio as a dependency in any application.
Navigate to the Sanity Studio using a familiar pattern: yourwebsite.com/admin, which means less context-switching.
Studio allows you to set up Workspaces, which are deeply customizable environments, to organize content by team, product area, region, readiness, or however works best for your team.
ShopTalk
http://shoptalkshow.com/series/default-podcast/
A podcast about web design and development.
Home
|
Add Podcast
|
Search
|
Contact
Edit
|
List