Search Podcast
Editors' Lists
Featured Podcasts
Amerika Günleri
Barış Özcan ile 111 Hz
Besitos para las plantas
Disciplinas Alternativas
Eternity Metal Podcast
Extraordinary English Podcast
Sesli Kitap (Nisan Kumru)
Real Talk JavaScript
CodeNewbie
React Podcast
ShopTalk » Podcast Feed
All Podcasts
Recently Updated
ShopTalk » Podcast Feed
601: Brad Frost on A Global Design System + Frostapalooza
2024/02/05
Info (Show/Hide)
Show Description
Brad Frost has got design systems on his mind—at a global scale. What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what's Frostapalooza?
Listen on Website →
Guests Brad Frost
Guest's Main URL • Guest's Twitter
Design system consultant, web designer, speaker, writer, and musician located in beautiful Pittsburgh, PA.
Links
A Global Design System | Brad Frost
Shadcn UI
Homer Designs a Car
This Is Big Design
Frostapalooza Concert
Brad Frost
Brad Frost (@brad_frost) • Instagram photos and videos
bradfrost (Brad Frost) · GitHub
Brad Frost on CodePen
Brad Frost
Brad Frost
brad_frost’s Music Profile | Last.fm
Sponsors Jam.dev You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
600: Where Will The Web Be 12 Years from Now?
2024/01/29
Info (Show/Hide)
Show Description
We've got your feedback as well as our thoughts on where we all think the web will be in 2036 - as we celebrate 12 years of ShopTalk Show history, we're looking forward to what's to come with ideas around cookie banners, undo, no more passwords, React, Deno, Node, and Mozilla's future, ChatGPT's thoughts, accessibility, blockchain, VR / AR, hoverboards, P3 color space, indie web, JS bundle sizes, and more!
Listen on Website →
Links
12 predictions for the next 12 years to celebrate 12 years of ShopTalk
The most powerful Git client for Mac and Windows | Tower Git Client
Justin Peacock: "@chriscoyier @davatron5000 sin…" - Super Rad
Future of Web 2034
Obsidian - Sharpen your thinking
rabbit — home
Apple Vision Pro - Apple
A Global Design System | Brad Frost
Lemon Productions Podcast Editing by Chris Enns
phamtranscriptionservices.com
Sponsors Jam.dev You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
599: Fighting the Algorithm With RSS, Blogging, and the IndieWeb
2024/01/22
Info (Show/Hide)
Show Description
Dave and Chris discuss indie web culture, the role of social media in today's society, and the challenges and strategies of freelancing. Additionally, they discuss a range of topics from content moderation, coding and refining tech skills, to emerging startups and the future of web technology.
Listen on Website →
Links
Cracking The Cryptic
How Adam Savage COMPLETELY Overhauled His Workshop
Where have all the websites gone?
I miss RSS
kottke.org - home of fine hypertext products
Daring Fireball
Chris Coyier – Web craftsman, blogger, author, speaker.
The Homepage of Dave Rupert | daverupert.com
Naz Hamid
Substack Is Not Infrastructure – Pixel Envy
Why Platformer is leaving Substack
Duolingo - The world's best way to learn a language
Shutting down Artifact. We’ve made the decision to wind down… | by Artifact Team | Artifact News | Jan, 2024 | Medium
Daring Fireball: Artifact Is Shutting Down After One Year
The Quiet Death of Ello's Big Dreams - Waxy.org
IndieWeb - IndieWeb
Webmention - IndieWeb
Quick thoughts on chips | daverupert.com
Quicker Thoughts on Chips - Snook.ca
Email is good. – A site about email productivity.
Lemon Productions - Podcast Editing and Production by Chris Enns
Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician
Courses by Kent C. Dodds
Sponsors Jam.dev You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
598: Jen Simmons on Interop, WebKit Releases, and New CSS Features in Safari
2024/01/15
Info (Show/Hide)
Show Description
Jen Simmons, Apple Evangelist on the Web Developer Experience team for Safari & WebKit, stops by to talk about what Interop is, and a look ahead at new CSS features in Webkit and Safari such as JPEG XL, masks, a round function, JavaScript improvements, styling form controls, content unblocks, masonry, and more!
Listen on Website →
Guests Jen Simmons
Guest's Main URL • Guest's Twitter
Apple Evangelist on the Web Developer Experience team for Safari & @webkit. Member of CSS Working Group.
Links
Can I use... Support tables for HTML5, CSS3, etc
Apple Developer
JPEG - JPEG XL
WebKit
Bugzilla Main Page
Sponsors Jam.dev You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
597: How Many VS Code Plugins, Poor Charlie’s Almanack, and Where to Start in 2024?
2024/01/08
Info (Show/Hide)
Show Description
We're closing in on episode 600 and need your help to celebrate! Listen in to learn how to contribute to the episode. We're also talking GitHub desktop apps and code editors, how many VS Code plugins are needed, reading long form like Poor Charlie's Almanack, InVision shutting down, and answering our first Q of the year: how would you approach learning web development in 2024?
Listen on Website →
Links
The most powerful Git client for Mac and Windows | Tower Git Client
GitHub Desktop | Simple collaboration from your desktop
Zed - Code at the speed of thought
Tree-sitter|Introduction
Panic - Nova
JetBrains: Essential tools for software developers and teams
Poor Charlie’s Almanack: The Essential Wit and Wisdom of Charles T. Munger
Stripe Press — Ideas for progress
Engineering Management for the Rest of Us
Stripe Press — Ideas for progress
Stripe Press — The Dream Machine
Stripe Press — The Making of Prince of Persia
The Very Best Podcasts of 2023
The 25 Best Podcasts of 2023 - The Atlantic
‘Search Engine’ Podcast Brings Back the Joy of ‘Reply All’
UX design company InVision is shutting down this year
Website design software | Adobe Dreamweaver
Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend Masters
Learn from Emma Bostian's courses | Frontend Masters
Trending - CodePen
Sponsors Jam.dev You’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
596: The Year of AI, Arc, and Being Mad About the Right Thing
2023/12/18
Info (Show/Hide)
Show Description
Looking back at the year of AI, using Arc on macOS and now Windows, dreaming of subscriptions, and knowing how to be mad about the right thing.
Listen on Website →
Links
Crunchyroll
Dropout
Wish (2023)
GitHub Copilot
Loom
Introducing Whisper
A Convo w/ Chris Coyier – Arc
Arc from The Browser Company
Codeium
Dropbox spooks users with new AI features that send data to OpenAI when used | Ars Technica
One YouTube Embed weighs almost 1.2 MB
lite-youtube-embed: A faster youtube embed.
Sponsors Miro Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com .
595: MedTalk Show, Plagiarism and Code Grifting, and How We’re Testing Code
2023/12/11
Info (Show/Hide)
Show Description
Blood pressure, stress, and COVID highlight the MedTalk Show portion of this episode, a new "Did You Know" segment about dev tools in Chrome, 4 hour video on plagiarism and code grifters, typography, breaking out of CSS Grid, the oldest things Chris and Dave worked on, and what the testing process is like at Luro or CodePen.
Listen on Website →
Links
Blood Pressure – Chris Coyier
QardioArm 2 - Smart Blood Pressure Monitor
CodePen PRO
Plagiarism and You(Tube)
kottke.org - home of fine hypertext products
Welcome to Ethan Marcotte’s website
Practical SVG, A Book Apart
Built to Last: Successful Habits of Visionary Companies: Collins, Jim, Porras
Kevin Powell
Igalia Chats: The Struggle to Keep Up with Web Tech
Thoughts on testing
Sponsors Miro Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com .
594: Wiping Your Laptop, UX of Password Codes, and :Has Tips and Tricks
2023/12/04
Info (Show/Hide)
Show Description
In this episode we're discussing making tech videos, website tinkering, :has tricks, SVG path commands, and the complexities of CSS & JavaScript logic.
Listen on Website →
Links
Streamlabs
NextDNS
GitHub Desktop
Tower Git Client
Screen Studio
ScreenFlow
Descript | All-in-one video & podcast editing, easy as a doc.
Mark Rober
I Joined 4 Coppers For Ranked... (Rainbow Six Siege)
Element Indexes – Chris Coyier
A /random Route on a WordPress Site – Chris Coyier
daverupert.com
Bookshelf | daverupert.com
Sentry
Sponsors Miro Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com .
593: Beep & Texts, Tumblr, JavaScript & Web Components, & Cool Blog Post Ideas
2023/11/27
Info (Show/Hide)
Show Description
Thoughts on smashing all communication messaging apps together, what's happened to Tumblr under Automattic, what the situation is with native web components and JavaScript, and looking at a list of types of blog posts.
Listen on Website →
Links
Combined Messaging Apps – Chris Coyier
Adium - Download
Beeper
XMPP
Texts
Automattic CEO Matt Mullenweg details Tumblr's future after re-org
Matrix.org
Web Components | Learn to Create Web Components | Frontend Masters
HTML Web Components - Jim Nielsen’s Blog
Uncluttered – Baldur Bjarnason
Luro | Build a design system and track component usage, adoption, and success across your entire product.
Apple Annie’s Weblog · Types of blog posts.
Email is good. – A site about email productivity.
Fastmail | We Respect Your Privacy & Put You in Control
The ‘Enshittification’ of TikTok | WIRED
Pushing back on unconstrained capitalism with Cory Doctorow (Changelog Interviews #565) |> Changelog
Julia Evans
Sponsors
592: Web Component Therapy, SEO Therapy, and Learning Something New like Swift
2023/11/20
Info (Show/Hide)
Show Description
Talking web components, progressive enhancement, style-able components, having to pay before you get to see a demo, being annoyed at the business of SEO, and subscriptions vs ads.
Listen on Website →
Links
FitVids has a web component now | daverupert.com
Code Hike
Everything about SEO is obnoxious – Chris Coyier
Did SEO experts ruin the internet or did Google? - The Verge
Swift.org - Welcome to Swift.org
Flutter - Build apps for any screen
Sponsors
591: Cascade Layers, CSS Functions, and more CSS with Miriam Suzanne
2023/11/13
Info (Show/Hide)
Show Description
Miriam Suzanne stops by to talk about CSS updates and news on container queries, rolling out cascade layers, !important things to remember, custom properties, exit animations, CSS functions, state queries, and more.
Listen on Website →
Guests Miriam Suzanne
Guest's Main URL • Guest's Twitter
Co-Founder of Oddbird, core contributor to Sass, author for Sitepoint and CSS Tricks, invited expert to the w3c CSS Working Group.
Links
mirisuzanne (Miriam Suzanne)
Miriam Suzanne on CodePen
Autoprefixer CSS online
Lightning CSS
Select an element which doesn’t descend from another in CSS | chriskirknielsen
Susy | OddBird
Posts | OddBird
Demystifying CSS Container Queries | OddBird
Demystifying CSS Container Queries
Sponsors Miro Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com
590: Twisting Through Websites
2023/11/06
Info (Show/Hide)
Show Description
The excitement of launching Luro, changes in social media platforms, different seasons for coding and marketing, embedded social media post weight, CSS thoughts from Web Unleashed, focus state issues, and fact checking and updating old posts on your blog.
Listen on Website →
Links
Luro | Build a design system and track component usage, adoption, and success across your entire product.
Watch Dave's livestreams on Twitch
Pebble (social network)
Message Decoder – Chris Coyier
Message Decoder - Scans your notifications, automatically puts one-time passcodes on your clipboard
0 KB Social Media Embeds – Chris Coyier
WordPress plugin for fediverse embeds | Stefan Bohacek
Stories: Building a home for my shitty sci-fi | daverupert.com
Stories | daverupert.com
An Anchored Navbar Solution – Eric’s Archived Thoughts
I Have A New Podcast! - by Michael Hobbes
If Books Could Kill on Apple Podcasts
Sponsors Miro Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com
589: CSS Functions, Read It Later, Making Money in Business, and More
2023/10/30
Info (Show/Hide)
Show Description
A quick bit of union news follow up, CSS function round up, Read It Later inside Feedbin, fun uses for a Stream Deck+, how to turn up the money dial in your own business, and having the audacity to call yourself a publisher.
Listen on Website →
Links
A Couple of New CSS Functions I’d Never Heard Of – Chris Coyier
[@ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads](https://www.threads.net/@ichrisv2/post/CydyJByOPvK)
Bandcamp’s Entire Union Bargaining Team Was Laid Off
xywh() - CSS: Cascading Style Sheets | MDN
Bramus: "To change a color based on Lig…" - Front-End Social
@ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads
Chris Enns: "Parenting tip: iOS17’s Assisti…" - Mastodon
Read Later in Feedbin | daverupert.com
Feedbin
Meta in Myanmar, Part I: The Setup - Erin Kissane's small internet website
Convert bookmarklet to Chrome extension
Reeder 5
Read Aloud: A Text to Speech Voice Reader - Chrome Web Store
Stream Deck + Black Edition
The Browser is a Printing Press
Luro | Luro Posts
Luro
blender.org - Home of the Blender project - Free and Open 3D Creation Software
Sponsors
588: Elliott Marquez on Web Components and Lit
2023/10/23
Info (Show/Hide)
Show Description
Elliott Marquez talks with us about the history of Polymer and Lit, why you should pick Lit, working with web components, the shadow dom, managing state, and how Material design is built with web components.
Listen on Website →
Guests Elliott Marquez
Guest's Main URL • Guest's Twitter
Front-end software development for Google’s Lit team.
Links
webcomponents.org
Lit
esm.run by jsDelivr - A New-Age CDN for JavaScript modules
davatron5000/fit-vids: Web Component version of FitVids from the creator of FitVids
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Material Web
Discord
Sponsors
587: Why Ethan Marcotte Thinks Tech Workers Deserve a Union
2023/10/16
Info (Show/Hide)
Show Description
Ethan Marcotte is here to talk about his new book, You Deserve a Tech Union, and discusses topics such as why we need unions in tech, who gets to be in the union, how unions can help deal with the AI question, union busting, and some arguments against unions.
Listen on Website →
Guests Ethan Marcotte
Guest's Main URL • Guest's Twitter
Designer, writer, and speaker. Started that “responsive web design” thing.
Links
Ethan Marcotte on LinkedIn
Ethan Marcotte on Mastodon
Welcome to Ethan Marcotte’s website — Ethan Marcotte
Responsive Web Design, A Book Apart
You Deserve a Tech Union, A Book Apart
Google Flat-Out Refuses to Bargain With Workers, Prompting YouTube Music Strike
CEO Patrick Collison's email to Stripe employees
Twitter lays off another 10% of staff, New York Times reports | CNN Business
Kickstarter United
When Is a Superstar Just Another Employee? - Freakonomics
Basecamp Blowup: Banning Politics At Work Prompts Over A Dozen Employees To Quit : NPR
Bandcamp United - Home
Glitch workers sign tech’s first collective bargaining agreement - The Verge
Waiting for "Superman"
Resilient Management | A book for new managers in tech
Sponsors
586: Micro.blogging with Manton Reece
2023/10/09
Info (Show/Hide)
Show Description
Manton Reece, creator of Micro.blog, stops by to talk about the history of Micro.blog, what it's written in, how it handles feeds coming in and going out, cross-posting, authentication, and the somewhat hidden features of Micro.blog: bookmarking, bookshelves, and even podcasting.
Listen on Website →
Guests Manton Reece
Guest's Main URL • Guest's Twitter
Creator of Micro.blog, co-host of Core Intuition.
Links
Kagi Search - A Premium Search Engine
Micro.blog
Manton Reece - About
Micro.blog - @manton
Indie Microblogging: owning your short-form writing by Manton Reece — Kickstarter
Indie Microblogging
Sinatra
Cross-Posting - Chris Coyier
Cross-posting to Twitter, Medium, Mastodon, and more - Cross-posting - Micro.blog Help Center
Letterboxd • Social film discovery.
Nostr, a simple protocol for decentralizing social media that has a chance of working
Welcome to Pinboard—Social bookmarking for introverts!
Micro.blog for iOS
Hugo
Bear Blog
MarsEdit 5
Core Intuition podcast
Sponsors
585: Blog Redesign, Sounds on a Website, Accessibility Tests, and Safari 17
2023/10/02
Info (Show/Hide)
Show Description
Chris redesigned his blog, using sounds on your website to make it seem fancy, what can't automated accessibility tests test, and what's new in Safari 17.
Listen on Website →
Links
School dropoff and sweater weather season | Instagram
Chris Coyier - Web craftsman, blogger, author, speaker.
Cannonball is such a badass song - Chris Coyier
Soundcite
Why not React? - DEV Community
Top Tasks - A how-to guide - Gerry McGovern
How To Make A Strong Case For Accessibility – Smart Interface Design Patterns
Expanding your touch targets – Nicole Sullivan
v0.dev by Vercel
Fable | Digital accessibility, powered by people with disabilities
Safari 17 Release Notes | Apple Developer Documentation
display: contents considered harmful – Eric Bailey
More accessible markup with display: contents | hidde.blog
A (more) Modern CSS Reset - Andy Bell
Smart Interface Design Patterns (9h video + live UX training) – 100 Smart Interface Design Patterns & Live Examples. 9h Video + UX Training.
How To Make A Strong Case For Accessibility – Smart Interface Design Patterns
Sponsors
584: Community, Partnerships, Images, and Astro with Fred K. Schott
2023/09/25
Info (Show/Hide)
Show Description
Fred K. Schott stops by to talk about building community, open source and sponsorship, building on partnerships in the dev community, WordPress + Astro, view transitions, using Discord for support, and leaking secret Astro Studio details.
Listen on Website →
Guests Fred K. Schott
Guest's Main URL • Guest's Twitter
Co-creator of Astro.
Links
Astro
Astro Documentation
The Astro Blog | Astro
Astro on GitHub
Discord
Astro (@astrodotbuild) on Twitter
Discord | kapa.ai docs
Astro Studio
Music for fake trailer:
- How To Make A Blockbuster Movie Trailer
- Auralnauts music
- The Booj — Twenty Thousand Hertz Sponsors
583: Language Models, AI, and Digital Gardens with Maggie Appleton
2023/09/18
Info (Show/Hide)
Show Description
Maggie Appleton talks with us about her work at Elicit, working with large and small language models, how humans vet the responses from AI, the discussion around the Soggoth meme in AI, using Discord as UI, what to do if your boss wants AI in your app, and why does she call her blog a digital garden?
Listen on Website →
Guests Maggie Appleton
Guest's Main URL • Guest's Twitter
Design at Elicit. Makes visual essays about UX, programming, and anthropology. Adores digital gardening, end-user development, and embodied cognition.
Links
Maggie Appleton
Language Model Sketchbook, or Why I Hate Chatbots
Maggie Appleton | Dribbble
Squish Meets Structure: Designing with Language Models
Ought
FAQ | Elicit
Squish Meets Structure: Designing with Language Models
Language Model Sketchbook, or Why I Hate Chatbots
577: Shawn Wang on AI - ShopTalk
Introducing Whisper
Photoshop (beta) on the desktop
Midjourney
Llama 2 - Meta AI
LukeW | Ask
Maggie Appleton (@Mappletons) / X
Sponsors
582: Lifetime Plan, Pricing #HotDrama, and CSS Resets
2023/09/11
Info (Show/Hide)
Show Description
Getting tripped up on audio at conferences, announcing the ShopTalk Show Lifetime Plan, some Once pricing #hotdrama, remembering Molly Holzschlag, web components, Luro launch day thoughts, and a question about using a normalize or sanitize in 2023 prompts a run through of Andy Bell's Modern CSS Reset.
Listen on Website →
Links
ONCE — Introducing ONCE
Singing Carrots - The Place for Your Singing Practice
Online Form Builder with Cloud Storage Database | Wufoo
SurveyMonkey: The World’s Most Popular Free Online Survey Tool
Envato - Top digital assets and services
Open source hooliganism and the TypeScript meltdown
Tucson's Molly Holzschlag, known as 'the fairy godmother of the web,' dead at 60 | Obituary
Memories of Molly – Eric’s Archived Thoughts
Bruce Lawson's personal site : Goodbye Molly Holzschlag–a memoriam post
The History of Internet Explorer and Web Standards | HackerNoon
Shoelace: A forward-thinking library of web components.
Luro | Expand your design system to your entire product development process
A Modern CSS Reset - Andy Bell
The ideal viewport doesn’t exist
The CSS Podcast
Sponsors Frontend Masters The exploration sale is going on until September 18th!
Newly revamped learning paths (all 18 of them)
Brand new site / course search features
Epic lineup of upcoming courses through the rest of 2023 and beyond!
Find your perfect course or learning path — $100 OFF
581: DevRel, Musical Mics, Social Sharing, and 100 Years of WordPress
2023/09/04
Info (Show/Hide)
Show Description
Dave calls a quick Luro branding meeting, some thoughts on DevRel, Chris tries to figure out musical instrument mics, follow up on WordPress from a previous episode, Chris' journey through the social graph options, 100 year hosting with WordPress, and the introduction of a new segment: Happy Project Share Time.
Listen on Website →
Links
kingkool68/wordpress-rh-starter-theme
get_template_part()
The cost of convenience — surma.dev
The State of API-Powered Publishing to Social Media Networks - Chris Coyier
XPoster – WordPress plugin | WordPress.org
FS Poster
Micro.blog
kottke.org - home of fine hypertext products
The 100-Year Plan on WordPress.com
alfateam/rdb: Javascript ORM
Happy Project Share Time
Learn Privacy
Build UX
A11yAutomation
Continuous Accessibility
Announcing Crashlands 2 | Butterscotch Shenanigans
Stitch - Visual Studio Marketplace
bscotch/stitch: Tools and apps for GameMaker development: a CLI for pipeline development, a VSCode extension for coding, and more.
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!
580: Chen Hui Jing and the State of CSS Survey for 2023
2023/08/28
Info (Show/Hide)
Show Description
We're talking the State of CSS Survey, 2023 Edition, with Chen Hui Jing. What was it like helping develop the survey? A bit of follow up on regions, the benefits of being able to tell the browser what you want, language issues in developing and understanding CSS, the struggle for non-majority users, CSS frameworks, and more.
Listen on Website →
Guests Chen Hui Jing
Guest's Main URL • Guest's Twitter
A self-taught designer and developer.
Links
State of CSS
Interop 2023: continuing to improve the web for developers
Interledger Protocol (ILP): Open and Inclusive Payments
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!
579: One Day Builds, Spicy Slugs, and What Next for CSS?
2023/08/21
Info (Show/Hide)
Show Description
Have you ever been an auctioneer? Sometimes when God closes a shed, he opens a sauna. Dave's working on the one day build theory, how to market with fake data, an update on the Discord, marketing with a spicy slug, what we want to see next in CSS, and thoughts on component libraries.
Listen on Website →
Links
Beeper — All your chats in one app. Yes, really.
Zach Leatherman in Elk: "Looks like the cat is out of the ba..." | Elk
fks on Twitter: "There have been zero commits to the Gatsby repo in the last 24 days."
Lennart on Twitter: "I have some sad news to share: In July Netlify laid off a lot of amazing people and I was one of them. Thus I'm actively looking for my next role as a full stack engineer. Please share with your networks and reach out to me!"
Ward Peeters on Twitter: "@FredKSchott It’s dead. The whole staff is gone except one. It still works well but don’t expect major React 18 features to land"
Quick thoughts on chips | daverupert.com
Raycast
Prioritise content over components | simeonGriggs.dev
Things you forgot (or never knew) because of React - Josh Collinsworth blog
GitHub - robinsloan/perfect-edition: A lightweight, responsive web e-book template
zeldman on Twitter: "Content precedes design. Design in the absence of content is not design, it's decoration."
JavaScript for Web Designers — A Book Apart
You Deserve a Tech Union, A Book Apart
Expert Idiot | daverupert.com
Sponsors
578: Customer Support, P3 Color, Dave on Productivity, and Mobile vs Desktop
2023/08/14
Info (Show/Hide)
Show Description
Is Apple's Numbers amazing or the worst? Customer support at various levels of software, Figma and P3 color, imagining a colorspace property in CSS, what's Dave doing for productivity, how has offloading CSS Tricks affected Chris, and should we build different websites for mobile vs desktop?
Listen on Website →
Links
Analog – Ugmonk
web.mit.edu/jemorris/humor/500-miles
Manage color profiles in design files – Figma Help Center
OKLCH Color Picker & Converter
Bullet journal
Things - To-Do List for Mac & iOS
Bear
WURFL.io
Sponsors
577: Shawn Wang on AI
2023/08/07
Info (Show/Hide)
Show Description
Shawn Wang joins us to talk about his work in AI, why prompt engineering is not what you need to focus on, how the scope of AI is bigger than any one of us, how to deal with the consistency of AI, and how to make use of AI in your product or app.
Listen on Website →
Guests Shawn Wang
Guest's Main URL • Guest's Twitter
I help devtools cross the chasm (devrel, advising and investing) and help developers learn in public!
Links
swyx's site
swyx.io (@swyx) / X
SWYX on YouTube
SWYX on GitHub
Latent Space: The AI Engineer Podcast — CodeGen, Agents, Computer Vision, Data Science, AI UX and all things Software 3.0 | swyx | Substack
You Are Not Too Old (To Pivot Into AI) - by swyx
LukeW | Ask
The Rise of the AI Engineer - by swyx - Latent Space
I Discovered The Perfect ChatGPT Prompt Formula
It's Time To Build AI | UX
GitHub - smol-ai/developer: the first library to let you embed a developer agent in your own app!
BendJS Website
Jasper - AI Copywriter | AI Content Generator for Teams
Amelia Wattenberger (@Wattenberger) / X
Typedream: Build your Website, Link in Bio, Forms, Blogs, and Sell Digital Products
Sponsors
576: Blocks, Components, Linting Images, Engines, and “Web Integrity”
2023/08/01
Info (Show/Hide)
Show Description
We're talking how we stay online - or not - on vacation, is create-guten-block the future for us WP developers? Can we get a state of the web component address from the President of web components? Have we seen the last new browser engine? And deciding whether to add features or remove them from your app.
Listen on Website →
Links
Paul Reubens
Ask a Question - ShopTalk
If Web Components are so great, why am I not using them? | daverupert.com
Moving from Stencil to LitElement
Bookshelf | daverupert.com
RespImageLint
Luro | Expand your design system to your entire product development process
Web-Environment-Integrity/explainer.md at main · RupertBenWiser/Web-Environment-Integrity · GitHub
Sponsors
575: CSS Errors, Proxy and Reverse Proxy, and What’s The Edge?
2023/07/24
Info (Show/Hide)
Show Description
Bluesky adds first class support for urls as a username, text-wrap pretty update, sqwunching text update, should CSS spit out errors, anchor functionality, what does the edge mean, eSports and bowling, how to test websites on slower CPUs, and what does proxy or reverse proxy mean?
Listen on Website →
Links
Alex Super and You
Text Wrap Pretty in CSS
Open UI
Alcatel Mobile
Twilio Segment
Sponsors Design Better Podcast Design Better Podcast is a show about the intersection of design, technology, and the creative process from our pals Aarron Walter and Eli Woolery. Subscribe to the Design Better Podcast at designbetterpodcast.com or wherever you listen.Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!
574: Estelle & Eric on CSS The Definitive Guide, 5th Edition
2023/07/17
Info (Show/Hide)
Show Description
Estelle Weyl and Eric Meyer join us to talk about the 5th edition of their book, CSS: The Definitive Guide. We talk about some of CSS' biggest blunders, custom scroll bars, single line comments, shorthand in CSS, useless CSS trivia, and how to get started learning CSS in 2023.
Listen on Website →
Guests Eric Meyer
Guest's Main URL • Guest's Twitter
Estelle Weyl
Guest's Main URL • Guest's Twitter
Links
First-Person Scrollers – Eric’s Archived Thoughts
CSS Selectors with Estelle Weyl
CSS: The Definitive Guide, 5th Edition [Book]
Open Web Docs
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!
573: Google Reader, Sticky and Overflow, and Figma Thoughts
2023/07/10
Info (Show/Hide)
Show Description
Chris breaks out his banjo, some thoughts on making music vs recording music, what happened to Google Reader and social reading, what black box properties can't Dave or Chris remember, follow up for dev teams communicating with designers, and what's Adobe going to do about Figma?
Listen on Website →
Links
Garageband
Framework laptop
How Google Reader died — and why the web misses it more than ever - The Verge
Feedbin
Adactio: Jeremy Keith
NetNewsWire: Free and Open Source RSS Reader for Mac and iOS
Free Design, Photo, and Video Tool | Adobe Express
Free Design Tool: Presentations, Video, Social Media | Canva
Design for the web without Figma
Sponsors
572: Text Sqwunch Property, Figma Developer Mode, Stripe Elements
2023/07/03
Info (Show/Hide)
Show Description
Dave reports back from the Figma Conference, how to build a better developer to designer bridge, do clients really want to update their website, using Stripe in 2023, permissions and sharing, and are you feeling overwhelmed by CSS in 2023?
Listen on Website →
Links
Config 2023 | Figma’s Annual Conference
Figma
Visual Studio Code Toolkit | Figma Community
Luro | Expand your design system to your entire product development process
Storybook: Frontend workshop for UI development
Makeswift — the visual builder for Next.js
Webflow: Create a custom website | No-code website builder
How to test UIs with Storybook
GrapesJS
Stripe Checkout | Stripe Documentation
Stripe Elements: Embeddable UI components to build pixel perfect payments experiences
Appcues | Product adoption made easy
Mindf*ck: Cambridge Analytica and the Plot to Break America a book by Christopher Wylie
SkwunchText Experiment: inject spans and use :has() to count chars
Watch Out for Layout Shifts with ‘ch’ Units – Cloud Four
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!
571: Searching vs AI, Getting Designers to Play Nice, and Web Components
2023/06/26
Info (Show/Hide)
Show Description
Do you listen at 2x? Do Chris and Dave sound weird at normal speed IRL? How searching compares to using AI, chatbots kind of suck at context, getting a designer to work with developers at an agency, what happened to content visibility, and how to best build a design system using web components.
Listen on Website →
Links
Airshow Podcast Player
Whiskey Web and Whatnot - A whiskey fueled fireside chat with your favorite web developers.
OpenAI
Raycast Pro
Wavelength: Group Chat, Friends & AI
Amelia Wattenberger
Language Model Sketchbook, or Why I Hate Chatbots
GitHub Copilot · Your AI pair programmer · GitHub
Framer AI — Generate and publish your site with AI in seconds.
content-visibility: the new CSS property that boosts your rendering performance
The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
Shoelace: A forward-thinking library of web components.
Sponsors
570: Haircut Maintenance, Dave’s Bookshelf, Lazy Loading, and APIs
2023/06/19
Info (Show/Hide)
Show Description
We're talking Dave's new haircut, playing Hondo, what Dave uses for images on his bookshelf page, lazy-loading thoughts, vh vw follow up, eyeball tracking updates, loading website with js, Vue transitions, charging for API access, and do you cross post, one post, or no post on social media in 2023?
Listen on Website →
Links
Dave Rupert: "I got the worst haircut of my entire life this week
Hondo - a word game in 100 words or less
Bookshelf | daverupert.com
Add sizes=auto to lazy-loaded #8008
From Milliseconds to Millions: The Numbers Driving Web Perf | Harry Roberts | performance.now() 2019
First Experiments with View Transitions for Multi-page Apps
Mimestream | A native macOS email client for Gmail
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!
569: Apple’s Web Apps, Meta Quest and Vision Pro, and Missing Sticky Headers
2023/06/12
Info (Show/Hide)
Show Description
How do you point out things in a UI? Are Arc Boosts the end of the web? What do you think of VR and AR / Vision Pro and Meta Quest? And what do you do when the sticky header goes missing?
Listen on Website →
Links
Luro | Expand your design system to your entire product development process
WWDC23 - Apple Developer
Hiding The Complexity of Element Selection - Chris Coyier
Tango | Interactive walkthroughs, created in seconds.
Boosts: Customize Any Website | Arc Resources
Appcues | Product adoption made easy
Android Browser Navbar Sticky Header
Meta Quest 2: Immersive All-In-One VR Headset | Meta Store | Meta Store
Microsoft HoloLens | Mixed Reality Technology for Business
Welcome to Wolvic
Android Browser Navbar
Sponsors
568: Display Contents, Passkeys Follow Up, Yellow Fade Technique, and TOTK Talk
2023/06/05
Info (Show/Hide)
Show Description
Macho Man Randy Standards stops by for a quick chat, Passkeys follow up, discussing the safety of Display: contents, the yellow fade technique, how hot CSS is right now (so hot), and a check in on how everyone's doing with Tears of the Kingdom.
Listen on Website →
Links
display: contents considered harmful – Eric Bailey
The Yellow Fade Technique with Modern CSS using @starting-style – Bram.us
GitHub - oddbird/popover-polyfill
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!
567: Full Stack Dev, Load Bearing Developer, and Being Zod Curious
2023/05/29
Info (Show/Hide)
Show Description
What do you do if your computer dies? Chris applies to work at Luro, Dave applies at CodePen, Dave's Zod curious, TypeScript, sorting out a 10MB blog post, and how much do you miss jQuery?
Listen on Website →
Links
Mac Studio - Apple
Zod | Documentation
Execute Program
Courses - Wes Bos
Building a modern design system in layers
Sponsors Join us on Patreon! Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.
566: View Transitions and Passkeys
2023/05/22
Info (Show/Hide)
Show Description
How should a podcast start? Talking View transitions, Google's Baseline, Passkeys, how to start a company, and ordering a spicy chicken combo at Wendy's.
Listen on Website →
Links
The Homepage of Dave Rupert | daverupert.com
The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
Introducing Baseline
Can I use... Support tables for HTML5, CSS3, etc
Google Passkeys
Apple Passkeys
1Password - Password Manager for Families, Businesses, Teams
Sponsors Join us on Patreon! Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.
565: The Hurdy-Gurdy, OKLCH, Edge Dev Tools, and Ad Blocking
2023/05/15
Info (Show/Hide)
Show Description
Dave doesn't hate the hurdy-gurdy, but it's creation is an interesting parallel to software development. OKLCH follow up, @media, Edge drops new dev tools, CSS and Astro theming, JavaScript devs discover PHP, how many people block ads, and accessibility and grids.
Listen on Website →
Links
The Homepage of Dave Rupert | daverupert.com
Get to Know Microsoft Edge
Boosts - Arc Boosts
Home - GAAD
grid - CSS: Cascading Style Sheets | MDN
The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
Appcues | Product adoption made easy
The Hurdy-Gurdy software engineer | daverupert.com
5 Linkin Park riffs on hurdy gurdy
Podcast Episode 1: An Apology Regarding Aboard - Aboard
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.
564: Render ATL, New Colors Available, Gradients, HDR, and More
2023/05/08
Info (Show/Hide)
Show Description
Chris previews a bit of his Render ATL 2023 talk, and then we mouth blog some color ideas, thoughts, and shame you for your non-HD websites.
Listen on Website →
Guests Davina George
Guest's Main URL • Guest's Twitter
Get in loser we're going to make fun of people for having standard def websites.
Links
RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
CSS Color Party with Adam Argyle (JS Party #273) |> Changelog
556: Andrey Sitnik and Using OKLCH for Color - ShopTalk
Keynote - Apple (CA)
Tailscale · Best VPN Service for Secure Networks
OKLCH Color Picker & Converter
Panic - Shockingly Good Software.
Making Sense of Color Management, A Book Apart
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!
563: Getting Pulled by the Algorithm, AI Training Data, and SVG Drawing
2023/05/01
Info (Show/Hide)
Show Description
There's a special guest on the show who takes aim at the billionaires in web dev, do we know better than the algorithm for news, why is AI training data such a secret, Chris and Dave discover JetBrains, monorepo struggles, and SVG drawing tools.
Listen on Website →
Guests Bernie Standards
Guest's Main URL • Guest's Twitter
Trying to get billionaires out of the JavaScript ecosystem.
Links
Local Timeline | Elk
See the websites that make AI bots like ChatGPT sound so smart - Washington Post
"the secret list of websites" - Chris Coyier
ChatGPT Is a Blurry JPEG of the Web | The New Yorker
PhpStorm: PHP IDE and Code Editor from JetBrains
WebStorm: The Smartest JavaScript IDE, by JetBrains
Turbo
Installing · tmux/tmux Wiki · GitHub
Boxy SVG Editor
GitHub - steveruizok/perfect-freehand: Draw perfect pressure-sensitive freehand lines.
perfect-freehand
Mermaid | Diagramming and charting tool
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology
562: Podcast Apps, Zaraz, Future CSS Thoughts, and Arc
2023/04/24
Info (Show/Hide)
Show Description
What if Taylor Swift lyrics hold the answers to web dev questions? Podcast app thoughts, using Cloudflare Zaraz, what we're excited about with CSS, Arc browser updates, and are we even developers or are we specialized systems whisperers?
Listen on Website →
Guests Tswifinator
Guest's Main URL • Guest's Twitter
Sent from the future to de-monetize the podcast by combining two very famous and litigious IPs.
Links
Listen to podcasts with the best free podcasting app - built by listeners, for listeners.
Overcast
Pod Save America | Crooked Media
The Laws of War Podcast
Nintendo Switch Family
Switch - Chris Coyier
Cloudflare Zaraz - Third-party tool manager | Cloudflare
Segment Documentation | Segment Documentation
Going all in on Roads and Cities - Episode 6 Catan Gameplay
Change Advanced settings in Safari on Mac - Apple Support (CA)
Arc from The Browser Company
Domo Arigato: Why Bots Should to be Required to Self-Identify
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.
561: Web Perf News, Web Sommelier, Data Analytics, and Passkeys
2023/04/17
Info (Show/Hide)
Show Description
Topics for this one include how do you learn about web performance news? Do you need a web components sommelier? Our thoughts on Syntax going to Sentry, and being able to focus on the things you want to focus on. Passkeys, Arc split screen, and vibe driven development.
Listen on Website →
Links
Sameera (@samkap@front-end.social) - Front-End Social
Interaction to Next Paint (INP): What is it and How to Improve It - Calibre
The Performance Golden Rule Revisited - Web Performance Consulting | TimKadlec.com
Luro | Expand your design system to your entire product development process
Use huddles in Slack | Slack
Optimize Time to First Byte
Why We Switched CDNs: How Google's Core Web Vitals Led Us to Cloudflare Pages - Electric UI
Syntax × Sentry MMXXIII | Product Blog • Sentry
Dynamic LCP Priority: Learning from Past Visits — Philip Walton
Welcome To Partytown
Auth0: Secure access for everyone. But not just anyone.
Passkeys: What the Heck and Why? | CSS-Tricks - CSS-Tricks
Vibe Driven Development
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!
560: Oh Biscuits! Cascade Layers, Block Links, Emoji Lists, and more CSS!
2023/04/10
Info (Show/Hide)
Show Description
After a brief visit from Hip Hop Dad Dave, we're talking cascade layers updates, block link practices, search element getting dropped, how to use cite, emoji list accessibility, scrollbar state, and trigonometric functions in CSS.
Listen on Website →
Guests Hip Hop Dad Dave
Guest's Main URL • Guest's Twitter
Oh Biscuits!
Links
Emoji Lists, The Good Way? - Chris Coyier
Dragon Speech Recognition - Get More Done by Voice | Nuance
scrollbar-gutter - CSS: Cascading Style Sheets | MDN
Improving CSS Shapes with Trigonometric Functions
Trigonometric functions in CSS
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology
559: Fidget Apps, Coding with AI, Dialog Element Navs, Getting Rid of CSS
2023/04/03
Info (Show/Hide)
Show Description
Is there still any value in specializing in front-of-the-frontend dev? Would you ever use the dialog element for a mobile navigation? Why did CodePen decide to use Go for its GraphQL server?
Listen on Website →
Links
The End of Front-End Development
Scott O'Hara on Using the dialog element
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.
558: Esoteric Weird Content Editable Problems with Kristin Valentine
2023/03/27
Info (Show/Hide)
Show Description
Kristin Valentine from Vox joins the show to talk about text editor CMS fun across multiple sites, Vox's Chorus, The Verge redesign, sharing Design Systems, theming articles, and a fun new game called "Can Your Text Editor Do This??"
Listen on Website →
Guests Kristin Valentine
Guest's Main URL • Guest's Twitter
Engineer at
Vox Media Product.
Links
Headless WYSIWYG Text Editor – Tiptap Editor
Quill - Your powerful rich text editor
Vox Media
Vox - Understand the News
The Dodo - For Animal People
SBNation.com | Sports news, video, live coverage, community
React.js: The Documentary | .cult by Honeypot
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!
557: ChatGPT, Conferences, Fidgets on the Web, and Modern CSS in Real Life
2023/03/20
Info (Show/Hide)
Show Description
When will AI be able to tell you the risk / reward of cleaning up trees? Are conferences back? Bringing fidgets to the web, internet as an anxiety machine, and Chris is working on talk on modern CSS in real life.
Listen on Website →
Links
RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
Beyond Tellerrand – an event about web, design, development, technology and more
Doing Computer - Chris Coyier
Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician
How's my driving chaos stickers
Gowalla >> keep up with your friends IRL
In the Stacks (Maisie's Tune), by Robin Sloan
Black women and nonbinary surfers are rarely in the spotlight. This photographer changes that
Open AI Chat
Jeepers Frigging Cripes Crypto and NFTs are so stupid and dumb and bad and I can’t even. I’m out. Goodbye. Burn it down please. - Chris Coyier
Ceramics • charlottedann.com
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology
556: Andrey Sitnik and Using OKLCH for Color
2023/03/13
Info (Show/Hide)
Show Description
Andrey Sitnik from Evil Martians talks with us about why OKCLH is the best way forward for color on the web, how to incorporate it into design systems, getting your designers to use OKCLH, and what kind of fallback support is needed.
Listen on Website →
Guests Andrey Sitnik
Guest's Main URL • Guest's Twitter
Author of
PostCSS
,
Autoprefixer
, and
Logux_io
Links
Evil Martians
OK, OKLCH: a color picker made to help think perceptively
Huetone
https://color-playground.ardov.me/
Design challenges behind OKLCH color picker
Huetone palette generator
A tool which will generate the whole theme based only on hue and a few contrasts
APCA contrast calculator
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.
555: React Documentary, Front of the Front End, Fast Fallacy, and Best Practices
2023/03/06
Info (Show/Hide)
Show Description
Reacting to the React.js documentary, is there still jobs for front of the front end anymore? The fast fallacy in frameworks, best practices, dealing with too much or too little isolation, and AI test generation.
Listen on Website →
Links
React.js: The Documentary
Eleventy
CodePen Challenges
CodePen Spark
Turbo
What if writing tests was a joyful experience?
Tabnine - Introducing AI-powered unit testing generation! Accelerate your software development lifecycle
GitHub Copilot
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!
554: Jamstack Thoughts with Brian Rinaldi
2023/02/27
Info (Show/Hide)
Show Description
Brian Rinaldi joins us to talk about the state of Jamstack in 2023, acronym confusion, SPA confusion, developing common tools of understanding, why Netlify bought Gatsby, and the state of developer conferences.
Listen on Website →
Guests Brian Rinaldi
Guest's Main URL • Guest's Twitter
Brian Rinaldi is a Developer Experience Engineer at LaunchDarkly with over 20 years experience as a developer for the web. Brian is actively involved in the community running developer meetups via CFE.dev and Orlando Devs. He’s the editor of the Jamstacked newsletter and co-author of The Jamstack Book from Manning.
Links
What is Jamstack in 2023?
Netlify
Gatsby
Web Almanac
The Jamstack Book
Phil Hawksworth PR to change Jamstack spelling
Discussion: jamstack word treatment
Vercel
AWS Amplify
Begin
Astro
Eleventy
What Netlify's Acquisition of Gatsby Really Means
The State of Developer Conferences
ShopTalk Show on Mastodon
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology
553: TypeScript, DX, GripeScript, and Astro v2 with Fred Schott
2023/02/20
Info (Show/Hide)
Show Description
Fred Schott stops by to talk about TypeScript, what DX means in 2023, a bit of GripeScript, and being transparent about what Astro is good at, and what it's not.
Listen on Website →
Guests Fred Schott
Guest's Main URL • Guest's Twitter
Astro co-creator.
Links
The Great Divide was indeed divisive
Deno
JSWorld Conference
Zod
Qwik
So you want to make a new JS framework
Sponsors
552: Do You Want to Build a JS Framework? ☃️ CSS Wishlist for 2023
2023/02/13
Info (Show/Hide)
Show Description
Austin power updates, what do you need if you want to build a new JavaScript framework, and what do we hope CSS brings in 2023?
Listen on Website →
Links
So You Want a New JS Framework?
Eleventy Notes
Nuxt
Nuxt.com
Qwik
Chris Things CSS Could Use in 2023
Dave CSS Wish list for 2023/
Tyler CSS Wish list for 2023/
Eric Thoughts on CSS for 2023
Popper
GSAP
Astro
Sponsors
551: PlanetScale with Iheanyi Ekechukwu and Mike Coutermarsh
2023/02/06
Info (Show/Hide)
Show Description
Iheanyi Ekechukwu and Mike Coutermarsh talk about PlanetScale, what Vitess is, if PlanetScale is for both side and big projects, what read only regions are, what schema changes are, and how PlanetScale compares to other projects.
Listen on Website →
Guests Iheanyi Ekechukwu
Guest's Main URL • Guest's Twitter
Iheanyi Ekechukwu is a Houston-based software engineer and angel investor, working at PlanetScale.
Mike Coutermarsh
Guest's Main URL • Guest's Twitter
Mike is a software engineer living in Pennsylvania working at PlanetScale.
Links
Planetscale
Vitess
Why you should really take a look at PlanetScale
F1 on PlanetScale
Sponsors
550: Sanity with Simen Svale Skogsrud and Espen Hovlandsdal
2023/01/30
Info (Show/Hide)
Show Description
Simen and Espen from Sanity stop by to talk about the origins of Sanity, how Sanity Studio works, good use cases for Sanity, how Sanity does real time updates, what Groq is, and where to start with Sanity.
Listen on Website →
Guests Simen Svale Skogsrud
Guest's Main URL • Guest's Twitter
CTO and founder at Sanity.io
Espen Hovlandsdal
Guest's Main URL • Guest's Twitter
Open-sourceror at Sanity.io.
Links
Check out Sanity
Syntax.fm on Sanity
Jamstack Conf
Dave's bookshelf
Sanity Groq
Sponsors
549: Ben Ubois of Feedbin
2023/01/23
Info (Show/Hide)
Show Description
Ben Ubois is the founder of Feedbin, the RSS reader of choice for Dave and Chris. What influenced the creation of Feedbin, the state of RSS in 2023, curating your RSS feed, and subscribing to newsletters in Feedbin.
Listen on Website →
Guests Ben Ubois
Guest's Main URL • Guest's Twitter
Founder and developer of Feedbin.
Links
Feedbin
Reeder
Netnewswire
JSON Feed
Readwise Reader
Daring Fireball
Waxy
Tom Critchlow - Library JSON
The Changelog Podcast ep499 with Ben Ubois
The YAML Document from Hell
Shauninman.com
Sponsors
548: Infinite Canvas, Luro + Figma, and Scraping or Crawling
2023/01/16
Info (Show/Hide)
Show Description
What's going to happen to homework with AI? Thoughts on infinite canvas which leads into Luro and Sigma integration, and Chris gets nerdsniped and tries to scrap (or should he crawl?) websites for data.
Listen on Website →
Links
What is ChatGPT?
How does AI image work?
Apple Freeform
ChrisCoyer.net: Infinite Canvas
mmm.page
Infinite Canvas Tools
Crawlee
Netlify
PostgreSQL
Supabase
Open Props
Luro
Sponsors
547: WordPress and GraphQL with Jason Bahl
2023/01/09
Info (Show/Hide)
Show Description
Jason Bahl joins the show to talk about the GraphQL and WordPress connection, his work on WP GraphQL plugin, Faust and Atlas from WP Engine, Jamstack and WordPress, and more.
Listen on Website →
Guests Jason Bahl
Guest's Main URL • Guest's Twitter
Principal Software Engineer at WP Engine
Links
WP GraphQL
WP Engine
WP GraphQL Smart Cache
WP Engine Atlas
Faust.js
Sponsors
546: Ryan Dahl and Deno
2022/12/19
Info (Show/Hide)
Show Description
Ryan Dahl stops by to talk about Node, Deno, JavaScript, testing, V8, and thoughts around getting started with Deno.
Listen on Website →
Guests Ryan Dahl
Guest's Main URL • Guest's Twitter
Ryan Dahl is best known for creating the Node.js JavaScript runtime as well as the Deno JavaScript/TypeScript runtime.
Links
Ry on GitHub
Deno
Things I Regret About Node
Node.js creator Ryan Dahl urges Oracle to release JavaScript trademark
Deno Deploy
Fresh
Sponsors Sanity Awesome Things:
New Studio Customization Framework enabling you to tailor the Studio to your needs without added maintenance. Yay, less code! It has full typescript coverage, so you can customize your studio with confidence from within your favorite code editor.
The new Studio enables embeddable authoring. You can now embed Sanity Studio as a dependency in any application.
Navigate to the Sanity Studio using a familiar pattern: yourwebsite.com/admin, which means less context-switching.
Studio allows you to set up Workspaces, which are deeply customizable environments, to organize content by team, product area, region, readiness, or however works best for your team.
545: Arc Browser with Nate Parrott
2022/12/12
Info (Show/Hide)
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.
544: Feedback, RSS Talk, Arc Brower, and Product Talk
2022/12/05
Info (Show/Hide)
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.
543: Zach Leatherman on Eleventy, Mastodon, Twitter, and is-land
2022/11/29
Info (Show/Hide)
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.
542: Breaking Up with CSS-in-JS, Mastodon, and Stories on the Web
2022/11/21
Info (Show/Hide)
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.
541: Una Kravets on What’s New With CSS
2022/11/14
Info (Show/Hide)
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 .
540: Next 13, WP vs FB, Figma Thoughts, and a TypeScript Journey
2022/11/07
Info (Show/Hide)
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 .
539: Sameera Kapila and Inclusive Design Communities
2022/10/31
Info (Show/Hide)
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 .
538: Patching the Web
2022/10/24
Info (Show/Hide)
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 .
537: ShopTalk Live from An Event Apart 2022
2022/10/17
Info (Show/Hide)
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 .
536: Functional Programming, npm Dependency Hell, and the Patchability of the Web
2022/10/10
Info (Show/Hide)
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 .
535: Improving Developer Productivity with Rebecca Murphey
2022/10/03
Info (Show/Hide)
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.
534: Web Talks, AI Images, and Redesigning an API
2022/09/26
Info (Show/Hide)
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.
533: Bastian Allgeier from Kirby CMS
2022/09/19
Info (Show/Hide)
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
532: Mobile Browser Injections, CascadiaJS + Enhance, CSS Methodologies
2022/09/12
Info (Show/Hide)
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
531: Mobile Database, GDPR Fun, and Heroku Shuts Down Free Plan
2022/09/05
Info (Show/Hide)
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 .
530: Keaton Taylor on Product Design, Career Paths, and DadTalk Show
2022/08/29
Info (Show/Hide)
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 .
529: What’s new in Safari with Jen Simmons
2022/08/22
Info (Show/Hide)
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
528: Alex and Andrew on Working in an Agency
2022/08/15
Info (Show/Hide)
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.
527: Shaky Foundations, Tricky A11y Topics, & Dependency Follow Up
2022/08/08
Info (Show/Hide)
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 .
526: Web Components, Testing, and Database Seeding
2022/08/01
Info (Show/Hide)
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 .
525: Cache Bustin, Twitter Embeds, and Analytics Weirdness
2022/07/25
Info (Show/Hide)
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!
524: Package Security with Feross Aboukhadijeh from Socket
2022/07/18
Info (Show/Hide)
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 .
523: Quality Design in Apps, Headless WordPress Shopify, GitHub Action Notifications
2022/07/11
Info (Show/Hide)
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.
522: Jay Hoffman and The History of the Web
2022/07/04
Info (Show/Hide)
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.
521: GitHub Actions with Rizèl Scarlett and Brian Douglas
2022/06/27
Info (Show/Hide)
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.
520: Conferences, Search Engines, Anonymity, CSS, :Has, and the Future with Eric Meyer and Jeffrey Zeldman
2022/06/20
Info (Show/Hide)
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.
519: SSG vs WordPress, Customize Menus, JavaScript Testing, and CMS Tools in JavaScript
2022/06/13
Info (Show/Hide)
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.
518: WebPageTest Improvements, Shopify Hydrogen, and is .CSS a Bad Idea?
2022/06/06
Info (Show/Hide)
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 .
517: Big Backend Energy
2022/05/30
Info (Show/Hide)
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.
516: Building a Technology, Twitter Driven Development, Deciding on a Blog Topic
2022/05/23
Info (Show/Hide)
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.
515: Gaming Fridge, Dave Goes Nuxt 3, Resizing Images, Hiring Devs, Design Systems, and Redesigning Blogs
2022/05/16
Info (Show/Hide)
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.
514: Front End vs Back End Work, Teams Built Like a Video Game, API Keys, Twitter, and VanTalk
2022/05/09
Info (Show/Hide)
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.
513: Live at AEA 2022
2022/05/02
Info (Show/Hide)
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.
512: Web Whiskey Crossover with Chuck Carpenter & Robbie Wagner
2022/04/25
Info (Show/Hide)
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.
511: Dave Talks Web Components, AMP Follow Up, Core Web Vitals, Building a New CMS, and GitHub Copilot
2022/04/18
Info (Show/Hide)
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.
510: Fred Schott on the Past, Present, and Future of Astro
2022/04/11
Info (Show/Hide)
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.
509: No Coffee, Inert Follow-up, Dialog Element, JSX in the Browser, and Mexican Travel Tips with Chris
2022/04/04
Info (Show/Hide)
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.
508: Sold Any Blogs Lately?
2022/03/28
Info (Show/Hide)
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.
507: To Do Tree, TypeScript and JavaScript, RSS Favs, PWA-holes, and Sound Notifications
2022/03/21
Info (Show/Hide)
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.
506: 15m vs 30 Day Fix, Using Prisma, Infrastructure as Code, and Kirby CMS
2022/03/14
Info (Show/Hide)
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.
505: Passing Props, Node Shipped Fetch, Digital Rot, and Making CodePen a PWA?
2022/03/07
Info (Show/Hide)
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.
504: Jim Nielsen Blogging, App Icons, Color, and Images
2022/02/28
Info (Show/Hide)
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.
503: Pull Request Issues, Checking in Node Dependencies, Nuxt and PropTypes, and Less Decomposing
2022/02/21
Info (Show/Hide)
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.
502: Text Select in Notion, Safari Hot Drama, Writing in VS Code, and Other Browsers on Mobile Safari
2022/02/14
Info (Show/Hide)
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.
ShopTalk
http://shoptalkshow.com/
A podcast about web design and development.
Home
|
Add Podcast
|
Search
|
Contact
Edit
|
List