ShopTalk » Podcast Feed

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

Listen on Website →
Guests Maggie Appleton
Guest's Main URL • Guest's Twitter

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

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

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

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

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

Find your perfect course or learning path — $100 OFF

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

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

Happy Project Share Time

Learn Privacy
Build UX
A11yAutomation
Continuous Accessibility
Announcing Crashlands 2 | Butterscotch Shenanigans
Stitch - Visual Studio Marketplace
bscotch/stitch: Tools and apps for GameMaker development: a CLI for pipeline development, a VSCode extension for coding, and more.
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

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

Listen on Website →
Guests Chen Hui Jing
Guest's Main URL • Guest's Twitter

A self-taught designer and developer.

Links
State of CSS
Interop 2023: continuing to improve the web for developers
Interledger Protocol (ILP): Open and Inclusive Payments
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

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

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

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

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

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

Listen on Website →
Guests Shawn Wang
Guest's Main URL • Guest's Twitter

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

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

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

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

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

Listen on Website →
Links
Alex Super and You
Text Wrap Pretty in CSS
Open UI
Alcatel Mobile
Twilio Segment
Sponsors Design Better Podcast Design Better Podcast is a show about the intersection of design, technology, and the creative process from our pals Aarron Walter and Eli Woolery. Subscribe to the Design Better Podcast at designbetterpodcast.com or wherever you listen.Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

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

Listen on Website →
Guests Eric Meyer
Guest's Main URL • Guest's Twitter
Estelle Weyl
Guest's Main URL • Guest's Twitter
Links
First-Person Scrollers – Eric’s Archived Thoughts
CSS Selectors with Estelle Weyl
CSS: The Definitive Guide, 5th Edition [Book]
Open Web Docs
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

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

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

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

Listen on Website →
Links
Config 2023 | Figma’s Annual Conference
Figma
Visual Studio Code Toolkit | Figma Community
Luro | Expand your design system to your entire product development process
Storybook: Frontend workshop for UI development
Makeswift — the visual builder for Next.js
Webflow: Create a custom website | No-code website builder
How to test UIs with Storybook
GrapesJS
Stripe Checkout | Stripe Documentation
Stripe Elements: Embeddable UI components to build pixel perfect payments experiences
Appcues | Product adoption made easy
Mindf*ck: Cambridge Analytica and the Plot to Break America a book by Christopher Wylie
SkwunchText Experiment: inject spans and use :has() to count chars
Watch Out for Layout Shifts with ‘ch’ Units – Cloud Four
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

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

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

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

Listen on Website →
Links
Dave Rupert: "I got the worst haircut of my entire life this week
Hondo - a word game in 100 words or less
Bookshelf | daverupert.com
Add sizes=auto to lazy-loaded #8008
From Milliseconds to Millions: The Numbers Driving Web Perf | Harry Roberts | performance.now() 2019
First Experiments with View Transitions for Multi-page Apps
Mimestream | A native macOS email client for Gmail
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

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

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

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

Listen on Website →
Links
display: contents considered harmful – Eric Bailey
The Yellow Fade Technique with Modern CSS using @starting-style – Bram.us
GitHub - oddbird/popover-polyfill
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

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

Listen on Website →
Links
Mac Studio - Apple
Zod | Documentation
Execute Program
Courses - Wes Bos
Building a modern design system in layers
Sponsors Join us on Patreon! Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.

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

Listen on Website →
Links
The Homepage of Dave Rupert | daverupert.com
The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
Introducing Baseline
Can I use... Support tables for HTML5, CSS3, etc
Google Passkeys
Apple Passkeys
1Password - Password Manager for Families, Businesses, Teams
Sponsors Join us on Patreon! Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.

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

Listen on Website →
Links
The Homepage of Dave Rupert | daverupert.com
Get to Know Microsoft Edge
Boosts - Arc Boosts
Home - GAAD
grid - CSS: Cascading Style Sheets | MDN
The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
Appcues | Product adoption made easy
The Hurdy-Gurdy software engineer | daverupert.com
5 Linkin Park riffs on hurdy gurdy
Podcast Episode 1: An Apology Regarding Aboard - Aboard
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

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

Listen on Website →
Guests Davina George
Guest's Main URL • Guest's Twitter

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

Links
RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
CSS Color Party with Adam Argyle (JS Party #273) |> Changelog
556: Andrey Sitnik and Using OKLCH for Color - ShopTalk
Keynote - Apple (CA)
Tailscale · Best VPN Service for Secure Networks
OKLCH Color Picker & Converter
Panic - Shockingly Good Software.
Making Sense of Color Management, A Book Apart
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

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

Listen on Website →
Guests Bernie Standards
Guest's Main URL • Guest's Twitter

Trying to get billionaires out of the JavaScript ecosystem.

Links
Local Timeline | Elk
See the websites that make AI bots like ChatGPT sound so smart - Washington Post
"the secret list of websites" - Chris Coyier
ChatGPT Is a Blurry JPEG of the Web | The New Yorker
PhpStorm: PHP IDE and Code Editor from JetBrains
WebStorm: The Smartest JavaScript IDE, by JetBrains
Turbo
Installing · tmux/tmux Wiki · GitHub
Boxy SVG Editor
GitHub - steveruizok/perfect-freehand: Draw perfect pressure-sensitive freehand lines.
perfect-freehand
Mermaid | Diagramming and charting tool
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

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

Listen on Website →
Guests Tswifinator
Guest's Main URL • Guest's Twitter

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

Links
Listen to podcasts with the best free podcasting app - built by listeners, for listeners.
Overcast
Pod Save America | Crooked Media
The Laws of War Podcast
Nintendo Switch Family
Switch - Chris Coyier
Cloudflare Zaraz - Third-party tool manager | Cloudflare
Segment Documentation | Segment Documentation
Going all in on Roads and Cities - Episode 6 Catan Gameplay
Change Advanced settings in Safari on Mac - Apple Support (CA)
Arc from The Browser Company
Domo Arigato: Why Bots Should to be Required to Self-Identify
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

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

Listen on Website →
Links
Sameera (@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!

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

Listen on Website →
Guests Hip Hop Dad Dave
Guest's Main URL • Guest's Twitter

Oh Biscuits!

Links
Emoji Lists, The Good Way? - Chris Coyier
Dragon Speech Recognition - Get More Done by Voice | Nuance
scrollbar-gutter - CSS: Cascading Style Sheets | MDN
Improving CSS Shapes with Trigonometric Functions
Trigonometric functions in CSS
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

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

Listen on Website →
Links
The End of Front-End Development
Scott O'Hara on Using the dialog element
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

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

Listen on Website →
Guests Kristin Valentine
Guest's Main URL • Guest's Twitter

Engineer at
Vox Media Product.

Links
Headless WYSIWYG Text Editor – Tiptap Editor
Quill - Your powerful rich text editor
Vox Media
Vox - Understand the News
The Dodo - For Animal People
SBNation.com | Sports news, video, live coverage, community
React.js: The Documentary | .cult by Honeypot
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

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

Listen on Website →
Links
RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
Beyond Tellerrand – an event about web, design, development, technology and more
Doing Computer - Chris Coyier
Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician
How's my driving chaos stickers
Gowalla >> keep up with your friends IRL
In the Stacks (Maisie's Tune), by Robin Sloan
Black women and nonbinary surfers are rarely in the spotlight. This photographer changes that
Open AI Chat
Jeepers Frigging Cripes Crypto and NFTs are so stupid and dumb and bad and I can’t even. I’m out. Goodbye. Burn it down please. - Chris Coyier
Ceramics • charlottedann.com
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

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

Listen on Website →
Guests Andrey Sitnik
Guest's Main URL • Guest's Twitter

Author of
PostCSS
,
Autoprefixer
, and
Logux_io

Links
Evil Martians
OK, OKLCH: a color picker made to help think perceptively
Huetone
https://color-playground.ardov.me/
Design challenges behind OKLCH color picker
Huetone palette generator
A tool which will generate the whole theme based only on hue and a few contrasts
APCA contrast calculator
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

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!

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

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

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

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

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

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

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

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

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.

Show Description
Nate Parrott from The Browser Company of New York stops by to talk about Arc - including the history of Arc, how boosts work, building out dev features, how they deciding on what features to build, and feedback from Dave and Chris on Arc.

Listen on Website →
Guests Nate Parrott
Guest's Main URL • Guest's Twitter

Developer, designer, and
gamification enthusiast. Working on Arc at The Browser Company.

Links
Arc
The Browser Company
Cloud to Butt plugin
What's Good about the Arc Browser
Sponsors Sanity Our content authoring product, Sanity Studio, just got a major upgrade!

Sanity Studio is an open-source, single-page application that is super fast to set up and easy to configure as your needs grow. If you’ve ever felt bogged down by the limitations of a CMS, Sanity Studio now frees you to customize content authoring for any type of experience.

ShopTalk listeners can try out Sanity with a boosted free plan that has increased API and bandwidth limits.

Show Description
Getting feedback for what you're building or writing, RSS feed reminiscing, Arc browser thoughts, products that didn't make that should have.

Listen on Website →
Links
Feedbin
Netnewswire
Reeder
Arc Browser
Opera GX
Brave
Shift
Cleanshot
The Verge - Why one web pioneer thinks it’s time to reinvent the browser
Sponsors Sanity Sanity is the platform for structured content that powers awesome digital experiences for companies like PUMA, Sonos, Skims, Figma, and more.

Sanity treats content as data, allowing your stories and your product information to become composable, reusable, and programmable so that you can deliver an outstanding experience to your audience faster and easier than ever — and at scale.

The Sanity Studio, our content authoring tool, is getting a major upgrade that offers developers new and improved APIs and tooling that will change how your teams work together to build a custom content system for your business.

Show Description
Zach Leatherman talks with us about what's new with Eleventy, setting up on Mastodon, what's happened with Twitter, and is-land.

Listen on Website →
Guests Zach Leatherman
Guest's Main URL • Guest's Twitter

Creator of Eleventy. OSS at Netlify.

Links
Eleventy
Jekyll
Slinkity
Astro
Adding Components to Eleventy with WebC
Dave’s Web Components course
Enhance.dev
Pinafore.social

Sponsors Sanity Sanity is the platform for structured content that powers awesome digital experiences for companies like PUMA, Sonos, Skims, Figma, and more.

Sanity treats content as data, allowing your stories and your product information to become composable, reusable, and programmable so that you can deliver an outstanding experience to your audience faster and easier than ever — and at scale.

The Sanity Studio, our content authoring tool, is getting a major upgrade that offers developers new and improved APIs and tooling that will change how your teams work together to build a custom content system for your business.

Show Description
We're talking CSS-in-JS, Token CSS, Matuzo being suspended from Twitter, trying out Mastodon, testing out stable diffusion, stories on the web, and Jake Albaugh's new social network.

Listen on Website →
Links
Why We're Breaking Up with CSS-in-JS
Vanilla Extract
Token CSS
Matuzo Suspended Twitter account
Jeremy Keith
Dave on Mastodon
TJ Fontaine Steps Down from Node
Masked Gradient Dashed Lines
Matt Stable Diffusion AI Generated Selfies
No, journos, I will not talk to you about your favourite billionare bad boy.
Muan.co
OpenStories on GitHub
Enquirer JS
Bubble Tea
Luro
Jake Albaugh Social
Buddy.pizza
Sponsors Sanity Sanity is the platform for structured content that powers awesome digital experiences for companies like PUMA, Sonos, Skims, Figma, and more.

Sanity treats content as data, allowing your stories and your product information to become composable, reusable, and programmable so that you can deliver an outstanding experience to your audience faster and easier than ever — and at scale.

The Sanity Studio, our content authoring tool, is getting a major upgrade that offers developers new and improved APIs and tooling that will change how your teams work together to build a custom content system for your business.

Show Description
Una Kravets stops by to talk about making CSS your job, @ Property, Cascade layers, color spaces updates, shared element transitions, animation on the web, nesting, focus visible, and what people should learn about CSS.

Listen on Website →
Guests Una Kravets
Guest's Main URL • Guest's Twitter

Web Developer Advocate at Google.

Links
Shoptalk Show 529 with Jen Simmons
Shared element transitions or how to fight Cumulative Layout Shift
:has(): the family selector
Solving “The Dangler” Conundrum with Container Queries and :has()
Web.dev
Sponsors Site Search 360 As a web dev or a designer, you're building websites which respond to both shoppers and shop owners' needs.

Ever felt frustrated at not finding what you want online? Worst, have you had to design an online store or site but can't find a smart easy-to-use search solution to power it up? We've got what you're looking for!

Site Search 360 is an affordable search software with intelligent features such as autocomplete, spelling correction, product filters, sorting, and more. It easily integrates with platforms such as WordPress, Lightspeed, or Shopify.

Start a free trial and get searching within minutes. Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
Our thoughts on Next 13, incremental adoption, server components, WordPress vs Facebook, CodePen updates, Figma features we dig, Chris' TypeScript journey, and Dave's a hypocrite?

Listen on Website →
Links
Next 13
Turbo Repo
Typescript
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
Sameera Kapila talks with us about her new book, Inclusive Design Communities, and why you should read the book, learning about group think, how we can all help improve hiring and retention, and dealing with workplace culture issues.

Listen on Website →
Guests Sameera Kapila
Guest's Main URL • Guest's Twitter

Author of Inclusive Design Communities. Senior Product Designer
at Netlify.

Links
Inclusive Design Communities
Helvetica Documentary
Paula Scher
Illustrating Equality VS Equity
What a Body Can Do by Sara Hendren
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
Catching up on work after being away at a conference, import maps coming to Safari, and your secret web patching tips including buying Disney tickets, saving Instagram photos, spell checking blog posts, taking funky screenshots, forms, cleaning up Jira, and pesky greyed out buttons.

Listen on Website →
Links
Patchability of the Open Web
A Use Case for Cascading Attribute Sheets
Safari Tech Preview 156 announcement
Disneyland queue hack

Gist

Four Thousand Weeks

Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
Chris and Dave live from An Event Apart in Denver talking awkward break points, the npm web, Scott Jehl web criminal, web components, what is the purpose of a website, Svelte, and how does Figma do it?

Listen on Website →
Guests Dave and Chris (Special AEA Edition)
Guest's Main URL • Guest's Twitter

Special An Event Apart 2022 Denver editions of Chris Coyier and Dave Rupert.

Links
An Event Apart Denver 2022
Visbug
JS Party
Viteconf
Svelte
Mitosis
Figma
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
Should you care about functional programming? What if cloud functions weren't node or deno, but built into the browser? Why do we accept npm dependency hell? Follow up on design matching the web question. And Dave blogged about the patchability of the open web.

Listen on Website →
Links
Faster Than Normal
ShopTalk 531
The Patchability of the open web
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/codepen .

Show Description
Rebecca Murphey from Stripe talks with us about finding problems - the paper cuts - in your code or team and developing the best solution for them.

Listen on Website →
Guests Rebecca Murphey
Guest's Main URL • Guest's Twitter

A senior technical leader with demonstrated product savvy and proven experience in growing teams, growing people, identifying high-value problems, and conceiving and delivering impactful, innovative solutions.

Links
Writing effectively in software engineering organizations
Eng ladders, promotions & glue work
Developer Productivity megathread
Stripe with PayPal API tweet
Sponsors Split Software The Feature Management & Experimentation Platform that reimagines software delivery. By attaching insightful data to feature flags, Split frees you to quickly deploy, measure, and learn the impact of every feature you release. So you can safely deliver features up to 50 times faster and exhale. What a Release.

Start raising feature flags (and lowering stress). Visit split.io/shoptalk for a free trial.

Show Description
Building websites is cool again, but what threat is there to all of us from AI created images? And how would you design an API in 2022?

Listen on Website →
Links
Stratechery
Dithering podcast with Ben Thompson and John Gruber
Changelog Podcast
Trent Walton on Midjourney
Stable Diffusion
Austin Kleon
Shoptalk 299 Machine Learning with Paige Bailey
GraphQL
OReilly Radar
iTerm
Sponsors Split Software The Feature Management & Experimentation Platform that reimagines software delivery. By attaching insightful data to feature flags, Split frees you to quickly deploy, measure, and learn the impact of every feature you release. So you can safely deliver features up to 50 times faster and exhale. What a Release.

Start raising feature flags (and lowering stress). Visit split.io/shoptalk for a free trial.

Show Description
Bastian Allgeier, creator of the popular CMS Kirby, talks with us about what Kirby is, why Kirby uses flat files, the whole SSG vs flat debate, the $20B Sigma shaped elephant in the room, running Kirby on the edge, how Kirby handles support and licensing, and what kinds of sites use Kirby?

Listen on Website →
Guests Bastian Allgeier
Guest's Main URL • Guest's Twitter

Designer + developer, creator of Kirby.

Links
Kirby CMS
ShopTalk Show 135 with Bastian Allgeier
Kirby Showcase
Kirby Sites
Kirby on GitHub
Sponsors Split Software What if a release was exactly how it sounds? A liberation from constraint. A moment of relief. An escape from outdated processes, tedious software changes, and the slow, painful deployments that hold back product engineers.

Free your teams (and your features) with Split.

By attaching insightful data to feature flags, Split helps you quickly deploy, measure, and learn the impact of every feature you release. Which means you can turn up what works, turn off what doesn’t, and give software innovation the room to run wild.

Now you can safely deliver features up to 50 times faster and exhale. Split Feature Management & Experimentation. What a Release.

To reimagine software delivery and propel your teams forward, start your free trial at split.io/shoptalk

Show Description
An update on the spoon theory talked about in the previous episode, thoughts on the mobile browser injection going on in apps, Chris spoke at CascadiaJS, Enhance.dev released, 4 new CSS methodologies, and quantity vs quality in your work output.

Listen on Website →
Links
Do Nothing
InAppBrowser
CascadiaJS 2022
Enhance.dev
Hello Worldin' Some Web Component Libraries
Snaplet
Supabase
ShopTalk Show 529 with Jen Simmons
Modern Alternatives to BEM
Cube
Critical CSS Not so Fast
Never Gonna Give You Up (8 Bit Remix Cover Version)
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk

Show Description
What database should a mobile app use? Is there any help for GDPR processes? Is there a way to get developers to better match design? How to implement accessibility in a web app environment? Heroku shuts down their free plan, and pricing is hard.

Listen on Website →
Links
CodePen updates
Luro
Fullstory
The Web is a Harsh Manager
Learn CSS
Axe Devtools
Knowbility
Fable
Heroku’s Next Chapter
Heroku announces plan to elminate free plans
Digital Ocean
Netlify
Sponsors Wolvic XR Browser, by Igalia Check out the new open source Wolvic XR browser, by our friends at Igalia. It's available for a bunch of XR devices like the Oculus, Huawei VR Glass, HTC Vive Focus, Pico Interactive, and Lynx and coming to more. See wolvic.com for more .

Show Description
Keaton Taylor is a product designer at Discord and stopped by the show to talk about getting distracted by new dev toys, spoons as the best worst analogy, Wichita as the new Portland, working at Discord, and the interesting career paths for developers and designers in 2022.

Listen on Website →
Guests Keaton Taylor
Guest's Main URL • Guest's Twitter

Keaton is a product designer who loves to dabble in front-end code. Currently, he's designing for the future of communities at Discord.

Links
Discord
Discord API
Backyard
Sponsors Notion One workspace. Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free .Deque This episode of ShopTalk is brought to you by Deque, the makers of axe.

Do you know how accessible your website is? Can people with disabilities access it?

If you aren’t sure, you can get started in just minutes with the free axe DevTools browser extension.

Install it in Chrome, Edge, or Firefox.

Navigate to the website you want to test, then open axe DevTools.

Click the “Scan ALL of my page” button.

And within a matter of milliseconds, you will get a list of accessibility issues with details and guidance on how to go about fixing them!

If you want everyone to be able to access your website, you need to start testing it for accessibility. And axe is the perfect place for dev teams to begin that process. You don’t even need to know anything about digital accessibility.

Let axe DevTools do the heavy lifting and try it for free today!

Visit deque.com/shoptalk to get started .

Show Description
Jen Simmons walks through a ton of the new CSS and HTML features out now or coming soon - including container queries, cascade layers, .has selector, 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
Jeremy Keith
ShopTalk Show 520

Safari News
* New WebKit Features in Safari 15.2
* New WebKit Features in Safari 15.4
* New WebKit Features in Safari 15.5
* New WebKit Features in Safari 15.6
* News from WWDC22: WebKit Features in Safari 16 Beta
* WWDC22: What’s new in Safari and WebKit (video)
* List of WWDC22 sessions about web technology

:has()
* Using :has() as a CSS Parent Selector and much more by Jen Simmons, on webkit.org
* The demo that needed Cascade Layers because of complex :has() selectors
* Michelle Barker’s demo of :has() + grid track animations

Passkeys
* Overview of Passkeys
* Supporting Passkeys: documentation
* About the security of passkeys
* WWDC22: Introduction of Passkeys at State of the Union (video)
* WWDC22: Meet Passkeys (video)
* FIDO Alliance’s announcement of passkeys
* Web Authentication standard
* Web Authn on Can I Use

Web Push
* Meet Web Push
* WWDC22: Meet Web Push for Safari (video)

bugs.webkit.org - for web technology & Web Inspector
feedbackassistant.apple.com - for feedback on Safari’s interface
webkit.org
@webkit
@jensimmons
Sponsors

Show Description
Alex and Andrew join us from the Discord to talk about working on client sites and branding at Traina. How do they set up WordPress for development? What's the incentive to invest in tooling? And the benefits of using CodePen as a knowledge library for your brain.

Listen on Website →
Guests Andrew Walpole
Guest's Main URL • Guest's Twitter

Andrew Walpole is a full-stack web developer and the Director of Web Development at Traina, a brand-first creative agency. He also enjoys dabbling in 3D printing, living-systems computation, and digital generative art.

Alex Riviere
Guest's Main URL • Guest's Twitter

Alex Riviere is a Senior Frontend Developer for Traina, Co-Host of the Enjoy the Vue podcast, Co-organizer for the Atlanta Vue.js Meetup as well as PyATL. He spends some of his down time making terrible things over on twitch.

Links
Traina
Nuxt
Eleventy
Timber
Advanced Custom Fields
Petite Vue
Bun
Zig
Jetbrains
Alex’s Twitch channel
Enjoy the Vue podcast
Sponsors Notion One workspace.
Every team.

We’re more than a doc. Or a table. Customize Notion to work the way you do.

Customize Notion to make it work the way you want it to. Just drag and drop to craft the dashboard, website, doc, or system you need.

Show Description
A quick Luro update, working in a coffee shop, when do you know it's time to leave a working but shakey system behind and start fresh, teaching tricky A11y tips, dependency follow up, how big are the node modules, and we dream up a media service app.

Listen on Website →
Links
Luro
Logitech MX Master 3S
Microsoft Accessibilty Insights
ShopTalk Show 524 on Web Security
Jim Nielsen Netlify public folder
SVG OMG
Thumbor
Bun
Zig
Sponsors axe DevTools by Deque Do you know how accessible your website is? Can people with disabilities access it?

If you aren’t sure, you can get started in just minutes with the free axe DevTools browser extension.

Install it in Chrome, Edge, or Firefox.

Navigate to the website you want to test, then open axe DevTools.

Click the “Scan ALL of my page” button.

And within a matter of milliseconds, you will get a list of accessibility issues with details and guidance on how to go about fixing them!

If you want everyone to be able to access your website, you need to start testing it for accessibility. And axe is the perfect place for dev teams to begin that process. You don’t even need to know anything about digital accessibility.

Let axe DevTools do the heavy lifting and try it for free today!

Visit deque.com/shoptalk to get started .

Show Description
Dave's working on his speaker bod, how well does Find My work for a lost iPhone and Air Tags, what do you let kids have access to online, design systems for teams using different JS frameworks, web components, and testing web components.

Listen on Website →
Links
Yoga
Airtag
The kids are online
Dave’s course on Web Components
Svelte
Vue
Lit
Shoelace
Using Web Component libaries
test-runner
chai-a11y-axe
Getting started with components
Render
Snaplet
Sponsors Whiskey Web and Whatnot Whiskey Web and Whatnot is different than your typical dev podcast. We show a lighter, more human side of developers you know and love, like a fireside chat with your favorite devs. Past guests include Tom Preston-Werner, Kent C. Dodds, Charlie Gerard, Wes Bos, and the incomparable Chris Coyier! We have discussed everything from Next.js and TypeScript to Chuck’s past life as a blackjack dealer, favorite power tools, the best casseroles, and of course whiskey!Notion One workspace.
Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free .

Show Description
Questions from the D-d-d-d-discord and listeners about tacos or burritos, cleaning up CSS methodology, getting previews from a CMS, comparing Google Analytics to other stats, sharing page views with advertisers, and what happened to CSS Houdini?

Listen on Website →
Links
Buddy
Zapier
Paul Irish Lite YouTube Embed
Sass
Source Map Explorer
Percy
Stackbit
Tina
Server Side vs Client Side Analytics
Pirsch
Fathom
Plausible
Netlify Analytics
Sponsors Whiskey Web and Whatnot Whiskey Web and Whatnot is different than your typical dev podcast. We show a lighter, more human side of developers you know and love, like a fireside chat with your favorite devs. Past guests include Tom Preston-Werner, Kent C. Dodds, Charlie Gerard, Wes Bos, and the incomparable Chris Coyier! We have discussed everything from Next.js and TypeScript to Chuck’s past life as a blackjack dealer, favorite power tools, the best casseroles, and of course whiskey!

Show Description
Feross Aboukhadijeh talks with us about web security, what Socket aims to help with, how Socket compares to Depandabot or Sync, how they analyze all the data for Socket, and what things developers should be thinking about with regards to security in their apps.

Listen on Website →
Guests Feross Aboukhadijeh
Guest's Main URL • Guest's Twitter

Founder + CEO
of Socket Security, Stanford lecturer, Open source at
Web Torrent, and StandardJS.

Links
Socket
CS 253 Web Security
Sponsors Reflect Reflect is an automated no-code testing tool that enables you to shave countless hours off of your end-to-end testing timeline, from writing and maintaining tests to root-causing and debugging errors. Features include cross-browser testing, email/sms validation, visual validation, and more. All plans include unlimited users and unlimited test creation.

As a special offer for Shop Talk listeners, get a free t-shirt when you sign up through our referral link. To start your free two week trial and claim your free t-shirt, visit https://reflect.run/shoptalk .Notion One workspace. Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free .

Show Description
How much polish do you put into internal apps? Can you create custom Gutenberg blocks for Shopify? How difficult is it to publishing a VS Code plugin? Thoughts on GitHub Copilot, notification options with GitHub Actions, and thoughts on static site builders such as Statimic.

Listen on Website →
Links
Square
Nuxt
Shopify
Vuelets VS Code plugin
Azure
Dracula VS Code theme
GitHub Copilot
ShopTalk 521 - GitHub Actions with Rizèl Scarlett and Brian Douglas
GitHub Webhook Action
Heroku
Digital Ocean
Statamic
Astro
Contentful
Sanity
Block Protocol
Cassidy newsletter
Cracking the Cryptic
Sponsors axe DevTools by Deque You probably didn’t set out to build a website that was purposely inaccessible to people with disabilities. But you may have, if you aren’t testing for digital accessibility.

Start accessibility testing in just minutes with the powerful and beloved free axe DevTools extension. Available in Chrome, Edge, and Firefox, dev teams can find and fix accessibility bugs with very little effort and no expertise.

Sign up for a free trial of axe DevTools Pro to get access to even more features like sharing, saving, exporting, semi-automated tests, and more!

Join 200,000+ users in building more accessible web apps and try axe DevTools today!Wolvic Check out the new open source Wolvic XR browser, by our friends at Igalia. It's available for a bunch of XR devices like the Oculus, Huawei VR Glass, HTC Vive Focus, Pico Interactive, and Lynx and coming to more.

See wolvic.com for more.

Show Description
Jay Hoffman talks with us about his History of the Web project and takes us through some of the important markers of the web's past including when ad money started, Web 2.0, Facebookification, RSS, CSS, and fads that have come and gone.

Listen on Website →
Guests Jay Hoffmann
Guest's Main URL • Guest's Twitter

Lead Developer at Reaktiv Studios. Creator of The History of the Web.

Links
Web History by Jay Hoffman
The History of the Web
Rachel Andrew
Web Histories.org
Sponsors Notion The operating system for org-wide alignment.

Connect every department’s docs, wikis, and projects in Notion — and unlock a new level of collaboration.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Show Description
Rizèl Scarlett & Brian Douglas chat with us about GitHub Actions and help us understand how to use Actions on your next project. We also dive into GitHub Copilot and GitHub apps.

Listen on Website →
Guests Rizèl Scarlett
Guest's Main URL • Guest's Twitter

Developer Advocate at GitHub. Empowering WoC to get into tech.

Brian Douglas
Guest's Main URL • Guest's Twitter

Director of Developer Advocacy at GitHub. Building
@saucedopen.

Links
GitHub Actions
Socket.dev
Vercle
Netlify
GitHub Copilot Labs
BDougie on YouTube
BlackGirlBytes1 on Twitch
Sponsors Memberful Memberful is easy to use, best-in-class membership software for independent creators, publishers, podcasters, educators, and more. We take care of the hard stuff so you can focus on what you do best, while earning revenue quickly. With Memberful, you have full control and ownership of all things related to your brand, your audience, and your finances.

Show Description
Eric Meyer and Jeffrey Zeldman join Chris and Dave to talk about building the web in 2022, micro formats and search engines, looking back on their work in building the web, anonymity and branding, the new possibilities with :has, performance gains in CSS, and the future of the web.

Listen on Website →
Guests Eric Meyer
Guest's Main URL • Guest's Twitter

Eric A. Meyer has been working with the web since late 1993 and is an internationally recognized expert on the subjects of HTML, CSS, and web standards. A widely read author, he is technical lead at Rebecca’s Gift, a 501(c) non-profit organization dedicated to providing healing family vacations after the death of a child; and is, along with Jeffrey Zeldman, co-founder of An Event Apart.

Jeffrey Zeldman
Guest's Main URL • Guest's Twitter

Jeffrey Zeldman is an American entrepreneur, web designer, author, podcaster and speaker on web design. He is the co-founder of A List Apart Magazine and the Web Standards Project. He also founded the design studios Happy Cog and studio.zeldman, and co-founded the A Book Apart imprint and the design conference An Event Apart.

Links
Schema.org
Weather Report Band
Igalia
Looking ahead
Sponsors Notion The operating system for org-wide alignment.

Connect every department’s docs, wikis, and projects in Notion — and unlock a new level of collaboration.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.Memberful Memberful is easy to use, best-in-class membership software for independent creators, publishers, podcasters, educators, and more. We take care of the hard stuff so you can focus on what you do best, while earning revenue quickly. With Memberful, you have full control and ownership of all things related to your brand, your audience, and your finances.

Show Description
Dave is pondering Ariana Grande's voice, should you use a SSG for custom landing pages or WordPress, Chris digs apps that allow menu customization, thoughts on companies getting acquired, where should you start with JavaScript testing, is there CMS tools in JavaScript land, and why choose Remix over Rails / Laravel today?

Listen on Website →
Links
Sam and Cat on Netflix
Gusto
Apps that let you organize their navigation
Twitter Blue
Advanced Custom Fields
Vitest
Histoire
Strapi
Keystone
SonicJS
Retool
Prisma Studio
Sponsors Stack Overflow Podcast For over a dozen years, the Stack Overflow Podcast has been exploring what it means to be a developer, and how the art and practice of software programming is changing our world. Hosted by Ben Popper, Cassidy Williams, and Ceora Ford, the Stack Overflow Podcast is your home for all things code. Listen to new episodes twice a week, wherever you get your podcasts.

Show Description
WebPageTest adds Opportunities and Experiments, but is it worth it? Shopify announces Hydrogen, a framework for dynamic commerce, is .CSS a bad idea? And using the new INP metric.

Listen on Website →
Links
WebPageTest
Introducing Opportunities and Experiments
Lighthouse
Is .CSS a bad idea?
A Tale of Web Development in Two Universes | Netlify
Shopify Hydrogen
Uplift Desk
CSS Tricks - One Two Three
Ten years of page bloat: What have we learned?
Spritecow
INP in Frameworks
Sponsors Stack Overflow Podcast For over a dozen years, the Stack Overflow Podcast has been exploring what it means to be a developer, and how the art and practice of software programming is changing our world.

Hosted by Ben Popper, Cassidy Williams, and Ceora Ford, the Stack Overflow Podcast is your home for all things code.

Listen to new episodes twice a week, wherever you get your podcasts.Notion One workspace.
Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free .

Show Description
Where have all the backend podcasts gone? Databases are so hot right now, so we're talking about them. What is the state of just using native web components? Are they a viable solution for a production app today? What if there was a type syntax in JavaScript?

Listen on Website →
Links
DuckDB
Supabase
Cloudflare KV
Cloudflare D1
Building a like button with Cloudflare workers
Svelte
A Proposal for Type Syntax in JavaScript
Sponsors Linode Visit Linode.com/shoptalkshow and see why over a million developers trust Linode for the infrastructure. From their award-winning support (offered 24/7/365 to every level of user) to ease of use and setup; it’s clear why developers have been trusting Linode for projects both big and small since 2003.

Linode offers the industry’s best price-to-performance value for all compute instances, including shared, dedicated, high memory, and GPUs. Linode makes cloud computing simple, affordable, and accessible allowing you to focus on your customers, not your infrastructure. Visit Linode.com/shoptalkshow , create a free account and you’ll get $100 in credit.

Show Description
How do you add features to a web app while the web app is running? Should you add features to your app based on whatever Twitter tells you? And if Chris or Dave were starting a new blog today, what niche would they start writing about?

Listen on Website →
Links
Advarra tag example
RSS-Tricks
Sponsors Notion One workspace.
Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free .Stack Overflow Podcast For over a dozen years, the Stack Overflow Podcast has been exploring what it means to be a developer, and how the art and practice of software programming is changing our world.

Hosted by Ben Popper, Cassidy Williams, and Ceora Ford, the Stack Overflow Podcast is your home for all things code.

Listen to new episodes twice a week, wherever you get your podcasts.

Show Description
Dave's got a new fridge, questions about whether we'll see a big podcast again, #DaveGoesNuxt3, mouthblogging Netlify ideas, resizing and cropping images, should you hire a newb dev or senior dev, what is a design system, and redesigning personal websites.

Listen on Website →
Links
Dave on Twitch
Deno
Nuxt 3
CodePen Radio with Micah Godbolt
Brad Frost: design systems are for user interfaces
Peak
Statamic
ChrisCoyier.net
HenryHeffernan
Sponsors MongoDB World 2022 Be there in person as the software engineering community comes together in New York City to create, disrupt, and transform. Find out the latest at MongoDB World 2022.

Learn about MongoDB’s vision and new products
Deep-dive into technical sessions.
And network with your peers at receptions and meetups.

It’s all happening June 7th to June 9th at the Jacob Javits Center in New York.

Tickets are available now. Just visit mongodb.com .

Use discount code WORLDPOD25 to get 25 percent off your ticket.Azure Static Web Apps Anniversary Here’s an exclusive and free invitation from Microsoft. Join Microsoft this May 19, to celebrate the one-year anniversary of Azure Static Web Apps! Connect with others in the developer community and increase your Static Web Apps skills in a fun, collaborative way.

Show Description
Dave's got a theory that we could build dev teams like video game teams, Chris has an API edge rant, Dave tests Nuxt 3, billionaires buying apps, camper talk, and the search for the perfect webcam.

Listen on Website →
Links
Dave’s Twitter poll
Nuxt
ShopTalk Show YouTube channel
Netlify Edge
Mike Davidson on Twitter and Elon Musk
Opus 4
Logitech Mevo
Logitech Brio
Elgato Facecam
Opalcamera
Sponsors Notion One workspace.
Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free .Stack Overflow Podcast For over a dozen years, the Stack Overflow Podcast has been exploring what it means to be a developer, and how the art and practice of software programming is changing our world.

Hosted by Ben Popper, Cassidy Williams, and Ceora Ford, the Stack Overflow Podcast is your home for all things code.

Listen to new episodes twice a week, wherever you get your podcasts.

Show Description
Chris and Dave are answering questions live from An Event Apart, spring 2022 edition. What new CSS features are exciting? What would you add to CSS? What do you think creates the designer developer gap? Web components and two screens! And more!

Listen on Website →
Links
Sli.dev
Dave’s slideshow
An Event Apart - Resources from Spring Summit 2022
Introducing Emoji Picker
Dribbble Job Board
Sponsors Linode Visit Linode.com/shoptalkshow and see why over a million developers trust Linode for the infrastructure. From their award-winning support (offered 24/7/365 to every level of user) to ease of use and setup; it’s clear why developers have been trusting Linode for projects both big and small since 2003.

Linode offers the industry’s best price-to-performance value for all compute instances, including shared, dedicated, high memory, and GPUs. Linode makes cloud computing simple, affordable, and accessible allowing you to focus on your customers, not your infrastructure.

Visit Linode.com/shoptalkshow , create a free account and you’ll get $100 in credit.

Show Description
Chuck Carpenter & Robbie Wagner from Web Whiskey and Whatnot stop by to talk about podcasting, hiring and firing, imposter syndrome, web3, Ember, and working with clients.

Listen on Website →
Guests Chuck Carpenter
Guest's Main URL • Guest's Twitter

COO of Ship Shape.

Robbie Wagner
Guest's Main URL • Guest's Twitter

Founder and Owner of Ship Shape, JavaScript enthusiast, and musician.

Links
Ship Shape
Whiskey Web and What Not
Chris Coyier on Whiskey Web and Whatnot
Postlight Podcast
Ember
Redwood
Remix
CodePen Radio with Varun Vachhar
Cloudflare Workers
Cloudflare Miniflare
Sponsors Memberful Memberful is easy to use, best-in-class membership software for independent creators, publishers, podcasters, educators, and more. We take care of the hard stuff so you can focus on what you do best, while earning revenue quickly. With Memberful, you have full control and ownership of all things related to your brand, your audience, and your finances.Notion Team up without the chaos. Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Never ask “What’s the context?” again
Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Show Description
Dave taught on web components and has thoughts. A follow up on AMP and a question about how core web vitals compare? What you want if you were building a blog CMS in 2022? And some thoughts on GitHub copilot.

Listen on Website →
Links
FrontEndMasters
Dave Rupert - 7 Web Component Tricks
Eleventy
Nunjucks
Handlebars
Lighthouse
Cloudflare Workers
Shortwave
Al Bladez Lawn Cutting
A Real Engineer
GitHub Copilot
Sponsors Memberful Memberful is easy to use, best-in-class membership software for independent creators, publishers, podcasters, educators, and more. We take care of the hard stuff so you can focus on what you do best, while earning revenue quickly. With Memberful, you have full control and ownership of all things related to your brand, your audience, and your finances.

Show Description
Regular listeners will know Chris has been big on Astro for a while now, so it was a treat to have one of the co-creators of Astro, Fred Schott, on to answer all our questions about Astro.

Listen on Website →
Guests Fred K. Schott
Guest's Main URL • Guest's Twitter

Co-creator of Astro • CEO of The Astro Company.

Links
Astro
ShopTalk Show 448
Skypack
Astro Server Side Rendering
Astro themes and integrations
Application Holotypes
Astro Hackathon
Dave’s OnlyFans
Sponsors Memberful Memberful is easy to use, best-in-class membership software for independent creators, publishers, podcasters, educators, and more. We take care of the hard stuff so you can focus on what you do best, while earning revenue quickly. With Memberful, you have full control and ownership of all things related to your brand, your audience, and your finances.

Show Description
Dave might try no coffee, Safari inert follow-up, Dialog element, Safari Tech preview with subgrid, can we put JSX in the browser? React 18 has dropped. What about font streaming? Smashing Conf is coming to Austin, and Mexican travel tips with Chris.

Listen on Website →
Links
New features in Safari 15.4
Dialog Element
Zach Leatherman Details demo
Cloudflare TV
Things the CSS Spec Folks Got Right
Marko
Smashing Conf Austin 2022
Sponsors Notion We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Customize Notion to make it work the way you want it to.

Just drag and drop to craft the dashboard, website, doc, or system you need.

Show Description
Dave has questions about CSS Tricks sale to Digital Ocean, what's involved in selling a blog in 2022, the tech behind CSS Tricks, liberal coding to accept more than you anticipate, hidden attributes in HTML, and Inert in Safari 15.4.

Listen on Website →
Links
CSS Tricks Joins Digital Ocean
CSS Tricks is Joining Digital Ocean
Scott Tolinski
Chriscoyier.net
Codekit
Unix Philosphy
Hidden is a Lie
Zach Leatherman - Add Responsive-Friendly Enhancements to with
Dave Rupert - Why Details is Not an Accordion
New webkit features in Safari 15.4
Sponsors Jetpack Jetpack’s performance features make your site lightning‑fast, while also improving your SEO and giving your visitors a better experience.

Free speed enhancements to rank higher on Google. Free global CDN to deliver content instantly. Instant site search to help your visitors find your products and content.

Show Description
Do you even metaverse? Dave's got GitHub issues, building in 3D for the web, and should you always write in plain text files?

Listen on Website →
Links
To Do Tree
The Verge
Shackleton’s lost ship is found in Antarctica
Lord Voldemort laughing in different languages
Ezra Klein Interviews Ted Chiang
Spline.design
AFrame
Derek Sivers: Write plain text files
Obsidian
Sixcolors
Sponsors Notion The operating system for org-wide alignment.

Connect every department’s docs, wikis, and projects in Notion — and unlock a new level of collaboration.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.WordPress.com The WordPress.com YouTube channel will be your go-to for educational resources, supporting all your website-building needs. Whether you’re just starting out or are the seasoned pro your friends turn to, this channel is here to support all your website-building needs.

Show Description
We're talking Dave's 15m fix vs 30 day fix article, experiences with Prisma and Terraform, Edge becoming more popular than Safari, microbetting, and Kirby CMS.

Listen on Website →
Links
15 Minute Fix vs 30 Day Fix
GraphQL
BoringTechnology
Strapi
Prisma
Terraform
Netlify Serverless
Pulumi
Kirby
Sponsors ImageEngine image CDN Is your website running slow? Taking forever to load images? This has a negative impact on sales conversions, bounce rates, and SEO. Fixing this problem doesn’t have to be difficult. You need: Speed… Simplified.

ImageEngine is an image CDN that detects devices visiting your site,
automatically optimizes images, and delivers them through a global CDN.

The result is an image payload that is reduced up to 80%. This means faster PageSpeed, improved Core Web Vitals scores, and better User Experience. The ROI is clear: double-digit revenue improvement, 90% streamlined image workflow, and 20% CDN cost savings.

Learn more at imageengine.io Memberful Memberful is easy to use, best-in-class membership software for independent creators, publishers, podcasters, educators, and more. We take care of the hard stuff so you can focus on what you do best, while earning revenue quickly. With Memberful, you have full control and ownership of all things related to your brand, your audience, and your finances.

Show Description
A bit of follow up from last episode on passing props, Node shipped fetch, intentional digital rot on the web, and how hard could it be to make CodePen a PWA?

Listen on Website →
Links
@heyAustinGil
HeyAustinGil on Twitch
Open UI
Spacebook
VitePress
Wolvic
Ava JS
Figma
Sponsors Notion Team up without the chaos. Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Never ask “What’s the context?” again.
Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.D-d-d-d-discord Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.

Show Description
Jim Nielsen stops by to talk about blogging, writing a book on app icons, how he archives his part of the web, whether browsers are evergreen, future vs backwards proofing, color, and images on the web.

Listen on Website →
Guests Jim Nielsen
Guest's Main URL • Guest's Twitter

dad. designer. developer. donuts. running
@icongalleries

Links
Postlight Podcast with Jim Nielsen and Michael Flarup
Metalsmith
macOS Icon Gallery
iOS Icon Gallery
watchOS Icon Gallery
The App Icon Handbook
Jim Nielsen: A Web for All
The Problem with Evergreen Browsers
IA Writer
Netlify
Cloudinary
Squoosh
CodePen Radio 355 with Adam Argyle
CSS Relative Colors
Unlocking Colors
New CSS Color Features
New ShopTalk Show YouTube channel
Sponsors Memberful Memberful is easy to use, best-in-class membership software for independent creators, publishers, podcasters, educators, and more. We take care of the hard stuff so you can focus on what you do best, while earning revenue quickly. With Memberful, you have full control and ownership of all things related to your brand, your audience, and your finances.Netlify Share, review, & manage feedback on your web projects with Netlify's Deploy Previews.

Gather feedback—with images & video—right from the browser With no coding or setup, preview links include the handy Netlify Drawer that enables reviewers to: Take screenshots, create screen recordings, submit issues directly, add comments and annotations, no plugins to install, no code changes needed.

Show Description
We check in with Pull Request Issues guy, should you check in Node dependencies, how to pick technology to learn, and what does Nuxt or Vue do for PropTypes?

Listen on Website →
Links
PR Guy’s Tweet
Check In Your Node Dependencies
Petite Vue
Web Dev Learn
Wes Bos Courses
Redwood
Vue
Mastering Nuxt
Sponsors Axe-Con 2022 From our friends at Deque, makers of the axe DevTools browser extension, comes a virtual conference welcoming developers to learn about building, testing, and maintaining accessible digital experiences.

Axe-con has amazing speakers like Sir Tim Berners-Lee, the “Inventor of the World Wide Web”; Rachel Andrew, technical writer for Google; Regine Gilbert, renowned UX designer, and more!

Join us March 15-17th by registering at deque.com/axe-con !Notion For companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.

Show Description
We're talking Safari drama, wondering why Apple won't support other browsers on mobile, some solutions to writing in VS Code, and solving problems in isolation.

Listen on Website →
Links
Grammarly
Write Good Linter
Error Lens
Nuxt CMS Template
Hylia Eleventy template
Before I go: When it comes to complaining about web browsers
Everything is Figureoutable
Sponsors Notion The operating system for org-wide alignment.

Connect every department’s docs, wikis, and projects in Notion — and unlock a new level of collaboration.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.WordPress The WordPress.com YouTube channel will be your go-to for educational resources, supporting all your website-building needs. Whether you’re just starting out or are the seasoned pro your friends turn to, this channel is here to support all your website-building needs.

Show Description
We're comparing our outfits, deleting Twitter, and lurking in Discords. And wondering about how much customization you should have over an app's UI? Do you expect it? Should it be driven by data instead of hand-coded markup? Is taking ownership of Babel transform a smart thing to do? What are design tokens, really? And how do we get to cyber pink?

Listen on Website →
Links
Postlight Podcast
MDN
CanIUse
“Evergreen” Does Not Mean Immediately Available
Jina Anne
Sponsors Netlify Give your sites the edge.

Create amazing experiences for the web in record time—without thinking once about servers or devops.

Build the sites you want with the tools you love with Netlify.

Show Description
We're celebrating episode 500 by looking back at the previous eras of ShopTalk Show including why we started the show, how it's changed over the years, and how the tech and our lives have changed as well.

Listen on Website →
Links
Dan Cederholm
ShopTalk Show mantra
ShopTalk Show FAQ
Ep199: A Look Back
Special: One on One with a Hacker
Ep488: Follow Up with a Hacker
Ep166: A Conversation with Paul Irish’s mom
Ep181: The Cathedral and the Bazaar
Ep265: On Podcasting with Chris Enns
Ep33: With Alex King
Ep367: Accessibility with Nicolas Steenhout and Christopher Schmitt
Front End Nerdery podcast with Todd Libby
Ep225: Dave Goes Windows
Ep230: Practical SVG by Chris Coyier
Series: How to Think Like a Front End Developer
Series: What’s Happening in Javascript in 2019?
Series: Javascript in 2021
CSS Tricks: The Great Divide
Sponsors Notion For companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.WordPress If you can host a site for yourself, a friend, or a client on WordPress.com, you should. Not only is WordPress powerful, flexible and easy to use (to the tune of powering a third of the internet), using WordPress.com means never having to worry about dealing with servers and software yourself.

Show Description
Long time listener, first time guest Melanie Sumner joins us to chat about her work on Ember, enterprise work, the importance of accessibility, and the web.

Listen on Website →
Guests Melanie Sumner
Guest's Main URL • Guest's Twitter

Design Systems Engineer
@HashiCorp, @emberjs framework core team. US Navy Veteran. Board Member @vetswhocode. Gaming is
@msumgames.

Links
Ember
Mel on GitHub
HashiCorp
Amazon Style Dictionary
Sponsors Jetpack Jetpack’s performance features make your site lightning‑fast, while also improving your SEO and giving your visitors a better experience.

Free speed enhancements to rank higher on Google. Free global CDN to deliver content instantly. Instant site search to help your visitors find your products and content.CodePen Pro Unlock the full power of CodePen

Our most popular PRO feature, Privacy, lets you control who sees your content.

Keep your files on CodePen for easy access and management. Optimize and edit images, and edit code without switching to another editor.

Work in real-time on the same Pens with colleagues and friends. See their edits and chat together without leaving CodePen.

Show Description
Chris and Dave are speaking at An Event Apart Seattle - you should come! We've got some COVID updates, Chris' Git journey, issues with Git Hooks, Commit Lint, take a look at Parcel CSS, and pick some fav things.

Listen on Website →
Links
An Event Apart Seattle 2022
Git Tower
VS Code Command Line
GitHub Desktop app
Gitlens
Commit Lint
Git Switch
Oh Shit Git
Cleanshot
Dropbox Paper
Parcel
Vitejs
Parcel CSS
Return of the Obra Dinn
Foundation on Apple TV
Yellowstone
Ear Trumpet Labs
Sponsors Notion For companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.Jetpack Jetpack’s performance features make your site lightning‑fast, while also improving your SEO and giving your visitors a better experience.

Free speed enhancements to rank higher on Google. Free global CDN to deliver content instantly. Instant site search to help your visitors find your products and content.

Show Description
We're talking with Thomas Steiner of Google's Project Fugu about native apps or web apps. What is Project Fugu? Hardware limitations or requirements for using game controllers on the web. Working with new hardware API's. Reasons to choose a native app. As well as Thomas' SVG web app he's built.

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
Project Fugu
Why would a business push a native app over a website?
VS Code on the Web
John Gruber
Flutter
Bubble Wrap
Photoshop on the Web
Excalidraw
SVGCo.de
Breaking out of the box
@Chromiumdev on Twitter
Sponsors Tabnine Tabnine 's AI Assistant anticipates your coding needs, providing code completions for you and your development team that boost your productivity.CodePen Pro Unlock the full power of CodePen

Our most popular PRO feature, Privacy, lets you control who sees your content.

Keep your files on CodePen for easy access and management. Optimize and edit images, and edit code without switching to another editor.

Work in real-time on the same Pens with colleagues and friends. See their edits and chat together without leaving CodePen.

Show Description
We're talking about our predictions for web tech in 2022: Container queries, web3, React, HTML elements, CSS compatibility, utility frameworks, designer and developer tooling, multiple frameworks, and more episodes of ShopTalk Show!

Listen on Website →
Links
Dave Rupert’s bookshelf
Wes Bos 2022 wrap up tweet
State of CSS 2021
Asana
Web3isGoingGreat.com
Slinkity
Astro
State of Jamstack
Solidjs
Lit Element
Qwik
Open Props
Backlight
Knapsack
Sponsors Netlify Share, review, & manage feedback on your web projects with Netlify's Deploy Previews.

Gather feedback—with images & video—right from the browser With no coding or setup, preview links include the handy Netlify Drawer that enables reviewers to: Take screenshots, create screen recordings, submit issues directly, add comments and annotations, no plugins to install, no code changes needed.Backlight Kickstart your Design System.

Your component library is visually organized. It's easy for anyone to discover the component catalog and contribute to the Design System right away.

A true collaborative space.

Show Description
Chris can't remember how to get his snow blower working, and Dave can't remember how to use Docker. We're also talking CSS Reset, nuking margin, one thing you can do to make your website better, getting rid of 3rd party Javascript, testing your product on a craptop, and defensive CSS.

Listen on Website →
Links
Prisma
Docker
Eric Meyer CSS Reset
Elad Shecter CSS Reset
Josh W Comeau CSS Reset
Normalize
CSS Tricks: 2021 Year End Thoughts
Test Your Product on a Crappy Laptop
Defensive CSS
Jeremy Keith - Faulty Logic
Sponsors Automattic Welcome to the world’s most
popular website builder.

43% of the web is built on WordPress. More bloggers, small businesses, and Fortune 500 companies use WordPress than all other options combined. Join the millions of people that call WordPress.com home.Backlight Kickstart your Design System.

Your component library is visually organized. It's easy for anyone to discover the component catalog and contribute to the Design System right away.

A true collaborative space.

Show Description
Dave's got some WYSIWYG follow up, thoughts on maintaining open source projects, what role do you assign clients in WordPress, what are micro-frontends, using HTML to author web components, an update on Coil, and Fleet vs GitHub Copilot vs VS Code.

Listen on Website →
Links
Tiptap
Sentry’s The Future of Open Source
Zach Leatherman
What Is Open Source & Why Do I Feel So Guilty?
DaveRupert: Sustaining Maintaining
Buddypress
Astro
Why don’t we use HTML to author web components?
Vite
The Vite Ecosystem
Nova
Fleet
Coil
Sponsors Shortcut Your project management tool should be a breeze to setup, at least mildly enjoyable to use, and help evolve your already existing development workflows so it's easier to get things done. Does that describe your current tool? If it does, great! You can stop reading. If not, then Shortcut (formerly known as Clubhouse) could be the perfect fit. We're project management built specifically for software teams and we're fast, intuitive, flexible, powerful, and many other nice, positive adjectives. Delight the grumpiest scrum masters with Shortcut.Backlight Kickstart your Design System.

Your component library is visually organized. It's easy for anyone to discover the component catalog and contribute to the Design System right away.

A true collaborative space.

Show Description
Chris has questions about TikTok (bing bong!), a bit of FU on why accessibility isn't treated as a first class citizen, Dave tries to find a good WYSIWYG editor, why does a repo get so many stars, and should you use all: unset on individual entities to clean things up?

Listen on Website →
Links
5 Most Annoying Features I Face as a Blind Web User
CodeMirror
JAWS
Parallels
EditorJS
Quill
Vite
Web Editing Working Group
How To Maintain A Large Next.js Application
Hygen
Plop
Ember
Sponsors Notion For companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.Jetpack Jetpack is the most proven WordPress backup plugin with 269 million site backups over the last ten years.

If you make money from your site, or spend hours perfecting content, you need WordPress backups. Protect your investment by getting your site back online in seconds. Our automated backup plugin is powerful enough for pros, but easy enough for beginners.

Show Description
What's the tech stack Paravel's using to build their app? A conversation on AdonisJS, NuxtJS on Vite, side projects in Vue, checking out Bun.sh, Slinkity and Eleventy, and working on quantity to get to quality.

Listen on Website →
Links
Prisma
Redwood
Nuxt.js
Mongo
Docker
Digital Ocean
AdonisJS
Vite
Astro
Serverless CSS Tricks
Bun.sh
Skypack
Snowpack
Eleventy
Slinkity
Understanding Comics
The Design of Everyday Things
Austin Leon: Quantity leads to quality
The Beatles: Get Back
Sponsors Netlify Share, review, & manage feedback on your web projects with Netlify's Deploy Previews.

Gather feedback—with images & video—right from the browser With no coding or setup, preview links include the handy Netlify Drawer that enables reviewers to: Take screenshots, create screen recordings, submit issues directly, add comments and annotations, no plugins to install, no code changes needed.Hashnode Hashnode is a free blogging platform for developers who want to plug into the global dev community while retaining ownership of their content and domain.

Hashnode makes it easy to map a custom domain to your blog, which means that the domain authority you build over time belongs to you—not the platform.

Hashnode also has you covered with a massive audience for your content on day one.

It's the best of both worlds: you own what you create without the hassle of building it all from scratch, and Hashnode connects you with your future biggest fans.

Show Description
Dave and Chris are on podcast and YouTube benders, talking CSS performance, CSS contain: Strict, what's new in CSS, how to build a great embed, one thing to make websites better in 2022, dealing with dogma in community, creating great slide decks, and #juicegate.

Listen on Website →
Links
Cadhub.xyz
Eleventy
Keynote
Slides
Sli.dev
Figma
Sponsors Shortcut (formerly Clubhouse.io) Your project management tool should be a breeze to setup, at least mildly enjoyable to use, and help evolve your already existing development workflows so it's easier to get things done. Does that describe your current tool?

If it does, great! You can stop reading. If not, then Shortcut (formerly known as Clubhouse) could be the perfect fit. We're project management built specifically for software teams and we're fast, intuitive, flexible, powerful, and many other nice, positive adjectives.

Delight the grumpiest scrum masters with Shortcut .Automattic Cyber Monday Sale!

Get 55% off your first year on all Jetpack products and plans .

Now’s the perfect time to extend your store! Get 40% off WooCommerce until 8 am UTC on Tuesday, November 30th 2021 .

Show Description
How good is web3 really? And is there money to be made without destroying the environment? Is HTML good enough for the future? And what are we excited about in new stuff for CSS?

Listen on Website →
Links
Uphold
Coinbase
Coil
Robin Sloan: Notes on Web3
Use Alpha Transparency on Any Color in CSS with a (tiny) Paint Worklet
Sponsors Notion For companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.MarkUp MarkUp is the leading visual commenting platform for images, PDFs and live websites. It’s the perfect companion in your creative process to make your life easier. The best part…it’s free.

Cut through the noise with immediate, visual feedback. Go from design to build to publish without losing your mind in the process. We’ll save you time. You’ll save the day.

Sign up now

Show Description
What's needed to start a tech business in 2021? Is VS Code on the web usable? Why would you choose a native app over a web app in 2021? And be sure to follow Dave on LinkedIn.

Listen on Website →
Links
VS Code.dev
Gitpod
Riverside.fm
Ethan Marcote - Locus
Ionic
TikTok
Follow Dave on LinkedIn
Dribbble
Jason Santa Maria
Cassidy Williams
Sponsors VideoPress VideoPress is a feature of Jetpack and makes showing videos on WordPress way better.

Videos are optimized and cloud-hosted (rather than coming from your own server) and served with fancy video hosting techniques like adaptive bitrate streaming.

The player has many more fancy features than the default HTML player has, and can be customized.

Don’t bother with a poster attribute (unless you want to), you’ll get a video player than looks like a video player on mobile, rather than the default blank nothing of HTML video without a poster graphic.CodePen Pro Unlock the full power of CodePen

Our most popular PRO feature, Privacy, lets you control who sees your content.

Keep your files on CodePen for easy access and management. Optimize and edit images, and edit code without switching to another editor.

Work in real-time on the same Pens with colleagues and friends. See their edits and chat together without leaving CodePen.

Show Description
Supporting local sports teams, thoughts on WordPress' full site block editor, advice on convincing clients to move away from WordPress, modern WYSIWYG editors, Microsoft and cloning Notion, an update on Chris' hacker, and what will it take for devs to “focus” on accessibility?

Listen on Website →
Links
Notion
Obsidian
Advanced Custom Fields
Pell
TinyMCE
Slate.js
Prose Mirror
Editor.js
MadeWithVue
TipTap
Coda.io
Clover
Craft
ShopTalk Show - Special One on One with the Hacker
ShopTalk Show 429: Cognitive Bias with David Dylan Thomas
ShopTalk Show 367: Accessibility with Nicolas Steenhout and Christopher Schmitt
Sponsors MarkUp MarkUp is the leading visual commenting platform for images, PDFs and live websites. It’s the perfect companion in your creative process to make your life easier. The best part…it’s free.

Cut through the noise with immediate, visual feedback. Go from design to build to publish without losing your mind in the process. We’ll save you time. You’ll save the day.

Sign up now .Netlify Create amazing experiences for the web in record time—without thinking once about servers or devops.

With very little coding or setup, Netlify makes it easy to add features like: User identity, Serverless functions, Instant forms, Split testing & rollouts, Analytics, & Large media.

Ready to try Netlify? Get started for free

Show Description
Parenting life update, redundancy for leaves, using a chaos monkey, images not showing up based on ISP, modern image handling workflow options, and discussing The Manager's Path.

Listen on Website →
Links
CodePen Radio
Uptime
Pingdom
Sentry
Cloudflare R2
Magic.link
Adding auth with Devise
Next
Prisma
Supabase
Firebase
Modern Image Formats AVIF
Cloudinary
Eleventy Image
The Manager’s Path
Resilient Management
Sponsors Hashnode Hashnode is a free blogging platform for developers who want to plug into the global dev community while retaining ownership of their content and domain.

Hashnode makes it easy to map a custom domain to your blog, which means that the domain authority you build over time belongs to you—not the platform.

Hashnode also has you covered with a massive audience for your content on day one.

It's the best of both worlds: you own what you create without the hassle of building it all from scratch, and Hashnode connects you with your future biggest fans.Notion Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed.
more.

With powerful integrations and seamless navigation, you’ll have everything you need in one spot so you can make speed your advantage — without the silos and context switching that slow companies down.

Plus - Notion has a worldwide network of millions of users creating templates, tutorials, and new inspiration. The product is getting better all the time, and you’ll always have the support you need.

Find out how Notion may be the missing piece your startup needs to grow, get more done, and delight your team in the process.

Show Description
It's difficult enough to keep up with new web things, even when it's your job. How do Chris & Dave do it? Dave's blogging on spicy sections, Chris' Cloudinary issues are resolved, and there's some Apple problems to deal with.

Listen on Website →
Links
Let’s talk about native HTML tabs
Tabvengers/spicy-sections on GitHub
Nicole Sullivan
Comparing fetch to auto-upload
Docker
58% of Hacker News, Reddit and tech-savvy audiences block Google Analytics
Fathom Analytics
Netlify Analytics
Sponsors Jetpack Backup The Best Real‑time WordPress Backup Plugin. Save every change and get back online quickly with one‑click restores.

If you make money from your site, or spend hours perfecting content, you need WordPress backups. Protect your investment by getting your site back online in seconds. Our automated backup plugin is powerful enough for pros, but easy enough for beginners.Shortcut Project management has never been easier
We bring the flow to your software team's workflow. Plan, collaborate, build, and measure success with Shortcut.

We're project management without all the management.

Get two free months on any paid plan if you sign up now!

Show Description
Is it harder to make a website in 2021 than in 1996? Are site building tools making life easier? Does Dave use scoped styles in Vue? How could Vue help with design systems? And Chris tries making a CSS Tricks book on the web, while Dave is workshopping a web components talk.

Listen on Website →
Links
Why Is it Harder to Make a Website in 2021 than it was in 1996?
Brook’s law
Vue Vanilla Extract
Brad Frost
Craft CMS
Happycog
Chris Enns edits podcasts and FrontPage ’98 websites
Sponsors HubSpot Themes Challenge 2021 Calling all web developers! We just launched a virtual contest challenging you to build website themes for HubSpot’s marketplace.

This is your chance to compete for a Tesla Model Y and over $100,000 in cash prizes. Plus, you’ll be building assets you can sell to HubSpot customers around the world to generate additional income for your business.

Use this event as an opportunity to learn how to build websites and themes on CMS Hub, HubSpot's up-and-coming content management system. Register to join the challenge!

Show Description
We're talking about Cloudflare product updates, whether you should lie to the browser about image size, Chris is having Cloudinary issues, Dave's answering questions about upgrading from Vue 2 to Vue 3, a question about Font Awesome icons, and what's the deal with Webhint?

Listen on Website →
Links
Cloudflare R2
Corey Quinn
Ben Hong on ShopTalk Show 475
Vue
Font Awesome
Hero Icons
Webhint
Sponsors WooCommerce If you'd like to sell CBD products on your WordPress/WooCommerce site, you can! You'll want to be complying with federal and state laws of course. And now, if you'd like to use things like Jetpack and WooCommerce Shipping & Tax, you can if you use Square as your payment processor.Aside Quest A video games podcast for people too busy to play video games with your hosts Danh Hoang, Dave Rupert, and Zach Meyer.