Show DescriptionDave 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

SponsorsNotionWe’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 DescriptionDave 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

SponsorsJetpackJetpack’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 DescriptionDo 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

SponsorsNotionThe 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.comThe 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 DescriptionWe'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

SponsorsImageEngine image CDNIs 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.ioMemberfulMemberful 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 DescriptionA 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

SponsorsNotionTeam 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-discordDave 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 DescriptionJim 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 →GuestsJim NielsenGuest's Main URL • Guest's Twitterdad. 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

SponsorsMemberfulMemberful 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.NetlifyShare, 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 DescriptionWe 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

SponsorsAxe-Con 2022From 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!NotionFor 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 DescriptionWe'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

SponsorsNotionThe 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.WordPressThe 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 DescriptionWe'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

SponsorsNetlifyGive 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 DescriptionWe'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

SponsorsNotionFor 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.WordPressIf 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.