Shows
ShopTalk671: Naming Consistency, HTML Includes, and MixinsShow DescriptionChris reflects on CSS Day in Amsterdam, allowing languages to grow with nonstandard elements, naming things continues to be hard, shapes are going to get weird on the web, HTML includes get stirred up, thoughts on CSS mixins, and Dave's blogging about resizing text fun.
Listen on Website →Links
Understanding CSS corner-shape and the Power of the Superellipse – Frontend Masters Blog
CSS Functions and Mixins Module
explainers/declarative-partial-document-updates.md at main · noamr/explainers · GitHub
Houdini APIs - Web APIs | MDN
Inverse text-sizing based on text-length with attr() - daverupert.com
Fit-to...2025-06-301h 05ShopTalk663: HBD Dave, Silly Web Fun, Color-Mix TipsShow DescriptionDo we sound drunk on Shorts? What speed do you listen to your podcasts at? Happy Birthday to Dave, Roblox scams, having silly fun on the web, Crashlands 2 released, a Balatro moment, non-standard browser use testing, and color-mix follow up.
Listen on Website →Links
The Adventure Zone | Maximum Fun
Don't let your voice be flattened by the über theme - daverupert.com
Crashlands 2
Adam Coster: Crashlands 2
Balatro University
jQuery Reunion
SponsorsWebflow x GSAP Community ChallengeGSAP and ALL the plugins are now FREE for everyone tha...2025-05-051h 00ShopTalk662: Alternative Browsers, Discord vs Circle, and AI in the BrowserShow DescriptionWe're talking browsers and discussing alternative options like Vivaldi and Brave, the implications of Chrome's potential sale to OpenAI, the impact of AI on browser functionality, Discord vs Circle, and building with Hotwire.
Listen on Website →Links
Newfangled Browser Alternatives – Frontend Masters Blog
Zen Browser
Horse Browser
Vivaldi Browser | Powerful, Personal and Private web browser
Opera GX | Gaming Browser | Opera
Thorium Browser
Mullvad Browser
Fast and Private Web Browser
DuckDuckGo
Microsoft Edge Download
OpenAI Chrome Acquisition
Mozilla on U.S. v. Google
HTML5 CSS3 Support
Opera Air | Mindful Browser
Opera Mini...2025-04-281h 03ShopTalk661: Working Vacations, Ripping Out JavaScript, and Non-US Cloud Service OptionsShow DescriptionWhat are the non-US cloud services options, falling off the blogging train and trying to get back on, working on vacation, Chris recaps the Alaskan Folk Festival experience, how often do you go back and clean out JavaScript, and the idea of gilding just one lily on a new project.
Listen on Website →Links
European Alternatives
A lack of frequency increases the pressure to deliver quality
Trap (2024) Reviews
Polyfilling Concepts
ex-Googler · April 10, 2025
Gild Just One Lily
Blog Questions Challenge
CodePen Development
CSS clip-path maker
Sponsors2025-04-2158 minShopTalk659: CSS Carousel Configurator Demos with Adam ArgyleShow DescriptionAdam Argyle joins us to chat about new CSS features that are demo'd in a carousel configurator - a builder-like experience to help visualize the capabilities of a CSS only Carousel: buttons, markers, paging and inertness.
Listen on Website →GuestsAdam ArgyleGuest's Main URL • Guest's SocialCSS at Google.
Links
Chrome Canary Features
Demo Space
CSS Carousel Configurator
Black Emperor
Sponsors2025-04-071h 10
ShopTalk658: Andy Bell on Working with Clients, Writing, and Building Courses for Web BuildersShow DescriptionWe're joined by Andy Bell, the founder of Set Studio. They discuss the evolution of web design, the importance of client relationships, and the innovative approaches taken at Set Studio and Piccalilli. The conversation covers the shift from traditional design methods to a more browser-centric approach, the challenges of client work, and the significance of documentation in maintaining project integrity. Andy shares insights on creating customizable design systems and the necessity of having a decision-making framework in client interactions.
Listen on Website →GuestsAndy BellGuest's Main UR...2025-03-311h 02ShopTalk657: David Darnes on Web Components and Design SystemsShow DescriptionDavid Darnes joins us to talk about his work on the Nord design system, writing web components, working with embeds and web components, thoughts on building a progress bar or notification component, keeping design systems and design tools in sync, and tricks for components and variables.
Listen on Website →GuestsDavid DarnesGuest's Main URL • Guest's SocialDesigner, Front-end Developer & Writer.
Links
Nord Health
Ariel Salminen
Design Systems WTF
Awesome Standalones
DesignSystems.wtf
SponsorsJellyKeeping up w...2025-03-241h 04ShopTalk656: Onboarding Woes, Coloring Links, and AI Slop TheoriesShow DescriptionOnboarding users is a lot more difficult than you might think it is, how should links be coloured or styled, keeping web software up to date, why does some AI slop get created in the first place, getting context for why things happened or decisions were made, and our first bullet point dev career story (Steve's version).
Listen on Website →Links
Subscribe to us on YouTube!
Riverside: HD Podcast & Video Software | Free Recording & Editing
Automate without limits
CodePen PRO
Link Color Idea
Ludacris Freestyle
Front
Tag, You're It
Watch the vi...2025-03-1755 minShopTalk655: Conspiracy Theory Theories, View Transitions vs CSS Animations, and AutocompleteShow DescriptionIt's a speed run meeting edition episode and we're talking conspiracy theories, getting hypnotized, disinformation on TikTok vs the news, view transitions vs CSS animations vs the web animation API, follow ups on font-weight and attire, and classic autocomplete vs AI autocomplete.
Listen on Website →Links
SubwayTakes (@subwaytakes) | TikTok
Motion - A modern animation library for JavaScript and React
font-weight: 300 considered harmful | CSS-Tricks
Sponsors2025-03-1045 minShopTalk654: UI + State, AI Missing Context But Adds Browsers, and Scalability on the WebShow DescriptionUI and state struggles, AI missing important sand context, should we look forward to AI browsers, how bad is the mobile web in 2025, what does scalability with websites actually mean, and is there a role for someone as a project manager with tech insight?
Listen on Website →Links
Dribbble - Discover the World’s Top Designers & Creative Professionals
UI = f(statesⁿ) - daverupert.com
Welcome to Steam
Thoughts on embedding alternative text metadata into images – Eric Bailey
The Browser Company | Building Arc
Dia from The Browser Company
Perplexity teases a web brow...2025-03-0356 minShopTalk653: Interop 2025, Attributes, and Black Boxes of AIShow DescriptionWe're looking at the Interop 2025 announcements, Dave is hating on (and talking about) attributes, debating better ways to handle color inputs, following up on the implications of AI that is shaped by politics, and Dave mouthblogs the secret black boxes of AI.
Listen on Website →Links
interop/2025/README
CSS Day 2025, 5th & 6th of June, Amsterdam
Interop 2025 | Igalia
Miriam’s post
Robin Sloan’s post
Michelle Barker’s reply
Baldur’s post
Robin’s reply
Baldur’s reply
Jeremy Keith’s reply
TechCrunch article
OpenAI Model Spec
Vale post
Search Engine podcast
GitHub l...2025-02-2458 minShopTalk652: Talking to Bots, Building Browser Games, and Political LLMsShow DescriptionRemembering the old days before we had bots, teaching kids to talk to bots, how difficult is it to build games in the browser, are we seeing LLMs get more political, what does mainstream media really mean, and have you heard about PouchDB?
Listen on Website →Links
PixiJS: The HTML5 Creation Engine
Unreal Engine: Powerful Real-Time 3D Creation Tool
Balatro: A Unique Gaming Experience
Xbox Adaptive Controller: Accessibility in Gaming
Designing Content Authoring Experiences by Greg Dunlap on Kickstarter
Craft CMS: A Flexible Content Management System
Analysis: ChatGPT’s Political View...2025-02-171h 02
ShopTalk651: Jason Lengstorf on CodeTV.dev, DevRel Panic, and Spicy GearShow DescriptionJason joins us to talk about his rebranding to CodeTV.dev, how Chris Coyier helped him become a star, the power of free, how he makes money with CodeTV, sponsorship and tech shows, crappy web cams, and the gear he uses to look and sound amazing.
Listen on Website →GuestsJason LengstorfGuest's Main URL • Guest's SocialJason Lengstorf is the producer of CodeTV.dev, where he helps tech companies connect with developer communities through better devrel strategy and media.
Links
...2025-02-1056 minShopTalk650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS CodeShow DescriptionDoes layout make CSS difficult to learn from scratch, Chris quizzes Dave about Balatro, getting back into Pokemon, why should Google have to sell Chrome, adding fun features to apps you already have to keep you using them like Raycast, and thoughts on the VS Code forks + AI.
Listen on Website →Links
Web Awesome Layout Anatomy
Balatro
Pokémon GO
A Little Arm Chair Businessin’ about Chrome – Chris Coyier
Raycast Focus works really well - daverupert.com
Cursor - The AI Code Editor
Trae - Ship Faster with Trae
Codium is now...2025-02-031h 04ShopTalk649: Chrome 133, Attribute Update, and Standardized Async CSSShow DescriptionDealing with AI creating fake work by famous artists, HTML is actually a programming language, Chrome 133 updates, attr updates, making "this" less annoying, and Scott Jehl's trying to standardize Async CSS.
Listen on Website →Links
This Aged Great!
Faking William Morris, Generative Forgery, and the Erosion of Art History
HTML Programming Language
HTML Semantics Consensus
CSS attr() Upgrade
Making this less annoying
Powerful Apps for Mac & iOS
Let's Standardize Async CSS!
Off The Main Thread
Sponsors2025-01-2759 minShopTalk648: Speculating on Funding Open SourceShow DescriptionHard hitting investigative journalism episode warning: Chris and Dave speculate on the ways a project like void(0) could make money.
Listen on Website →Links
Biome, toolchain of the web
Vite | Next Generation Frontend Tooling
Rollup
Rolldown
Jest
Vitest | Next Generation testing framework
Playwright
Cypress
VoidZero | Next Generation Tooling for the Web
The JavaScript Oxidation Compiler
Astro
Deno, the next-generation JavaScript runtime
Bun — A fast all-in-one JavaScript runtime
The World's Most Trusted Game Development Engine - Unreal Engine
Laravel - The PHP Framework For Web Artisans
Deploy your Laravel PHP application pain...2025-01-2053 minShopTalk647: Slash Pages vs Wikis vs Posts, RSS, Living with an ADHD Diagnosis, and M4 UpgradesShow DescriptionIn this episode, we kick off the New Year with chats about battling illness over the holidays, the challenges of maintaining productivity, the differences between slash pages, wikis, and blog posts, how we use RSS, the importance of containers and context, Dave talks about living with ADHD, developing a system approach to CSS, Chris' thoughts on upgrading to an M4 MacBook Pro, and writing in Pug.
Listen on Website →Links
Chris Coyier.net
slash pages
/uses
chipotle - IndieWeb
Digital gardening
daverupert.com
Feedbin
Reeder
NetNewsWire: Free and Open Source RS...2025-01-1353 minShopTalk646: Hard Code & Soft SkillsShow DescriptionThe employees of the startup RAPPTR (Quinn Pine, Blaze Lightyear, Astra Q, and Eddit Kit) find themselves in quite a pickle as a rogue investor tries to take over the company while CEO Chad is recovering in his napping pod.
Join us on a workplace-themed role playing adventure created by Dave Rupert.
Listen on Website →GuestsAlex (Eddie)Guest's Main URL • Guest's SocialA web developer from Atlanta, GA that specializes in Vue.js, python, and PHP.
Ben (Blaze)2024-12-161h 11ShopTalk645: Mouthblogging CSS in 2024Show DescriptionRiffing off the CSS Wrapped 2024 list from the Chrome team, we're talking field-sizing, animate to height, anchor positioning, custom scrollbars, cross-document view transitions, scroll-driven animations, and more!
Listen on Website →Links
CSS Wrapped 2024
Introducing TODS – a typographic and OpenType default stylesheet | Clagnut by Richard Rutter
OpenType
SponsorsBluehostFind unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.2024-12-0956 minShopTalk644: Mouthblogging HTML in 2025Show DescriptionWe're talking HTML this episode, detail summary, HTML datalist element, styling selects, anchored pop ups, popovers, invokers, HR in select, target=blank, HTML for People, and what we still need.
Listen on Website →Links
The and elements are getting an upgrade - Stephanie Stimac's Blog
Request for developer feedback: customizable select | Blog | Chrome for Developers
HTML & CSS Dropdowns
HTML Latest Control
Browser noopener links
Stylable Select Element
Self-Closing Tags in HTML
Riverside
Select Element with Rules
HTML Basics for Beginners
The aside element
AI Note Taking
Interop 2025
SponsorsBlu...2024-12-0254 min
ShopTalk643: Social Capital, Easter Eggs in Apps, & CSS PartsShow DescriptionHow do you like your turkey at Thanksgiving, building social capital with the neighbors, a brief SportsTalk Show segment, noticing easter eggs in apps and the web, what is a component anyway, CSS parts follow up, and questions about Alpine.JS and ESLint.
Listen on Website →Links
How to Spatchcock Chicken, a Step-by-Step Guide
Half-Life
Scott Jehl on Web Components
CSS Parts Relief
ESLint Sorting Plugin
GitLens
Biome
Sponsors2024-11-251h 02ShopTalk642: Chris Person on Forums, Reddit, and Cooperative ReportingShow DescriptionChris Person from Aftermath joins us to chat about the state of forums in 2024, being downwind of knowledge, forum drama, Reddit and StackOverflow's impact on forums, the importance of the individuals caring for knowledge and information, and the benefits and struggles of cooperatives in reporting.
Listen on Website →GuestsChris PersonGuest's Main URL • Guest's SocialMakes Highlight Reel. Co-Founder 'n blogger at Aftermath.site.
Links
Forums Are Still Alive, Active, And A Treasure Trove Of Information - Aftermath
chris pers...2024-11-181h 04ShopTalk641: Passkey Usage, Writing Code with a Bot, and What’s Up With Java?Show DescriptionWe've got a few leftovers from Halloween to process, what's been happening with Passkeys in late 2024, have you tried to write HTML faster than a bot can suggest it to you, CSS anchor positioning and popover polyfills, scroll driven animation thoughts, CSS nesting, and what's the reason for Java?
Listen on Website →Links
Auth0: Secure access for everyone. But not just anyone.
Stripe Checkout | Checkout Pages for Your Website
Passkeys Authentication
Mundango Storytelling
Developer Tools
SponsorsBluehostFind unique domains, web hosting, and WordPress tools,
all in...2024-11-1158 minShopTalk640: Navigating the Pros and Cons of Web ComponentsShow DescriptionRiffing off a Dave Rupert blog post, Chris and Dave talk through the pros and cons of web components, when to use them, when it's a bad idea to use them, what would it take to make the Next.js of web components, and how long until we don't need anymore frameworks?
Listen on Website →Links
Where web components shine - daverupert.com
Fluent UI - Get started - Fluent UI
React
Website Improvement
Begin Team to Join
Eleventy Generator
Components
URLPattern Polyfill
SponsorsBluehostFind un...2024-11-0400 minShopTalk639: DX, JSON, XML, HTML, and Databases! Oh My!Show DescriptionHow important is the DX of software vs how important is the person showing off the software, Douglas Crockford and JSON, remembering XML, trying to write better HTML for email, new TC39 proposal, workshopping t-shirts, and what do you do if you want a little bit of database on your website?
Listen on Website →Links
Web Unleashed 2024 - FITC
New High Contrast Syntax Highlighting Themes – CodePen
Douglas Crockford
JSON
JSON Feed
Slow Horses
JavaScript Compiler Proposal
ECMAScript 2024 Updates
Contentful
Strapi
Sanity Content System
Heroku
Cloudflare
Turso
Netlify Blobs
bolt.new
S...2024-10-2856 minShopTalk638: Q&A About Copyright, Jekyll, Joomla, Statamic, and More!Show DescriptionDave's designing a new tshirt, questions for lawyers about copyrights for code projects, what does the copyright in the footer actually do, what do Dave and Chris require for personal web projects, does Jekyll get updated anymore, the Bob from Hell UX pattern, viewing ads on CNN, what about Joomla or Statamic, and how do paid fonts on the web work?
Listen on Website →Links
Coming home | A Working Library
Release v4.3.4 · jekyll/jekyll
How to Monetize a Blog
The Verge
Joomla CMS
Craft CMS
Statamic
Kirby Adapts
Sponsors...2024-10-2155 min
ShopTalk637: Approachable Open Source with Brian MuenzenmeyerShow DescriptionBrian Muenzenmeyer joins the show to talk about his book, Approachable Open Source, ways we can make open source easier to get in, important conversations around funding and supporting open source, and whether money helps maintainers deal with burnout or not?
Listen on Website →GuestsBrian MuenzenmeyerGuest's Main URL • Guest's SocialAuthor of Approachable Open Source, Principal Front End Engineer.
Links
Shop | Approachable Open Source
Approachable Open Source
Brian Muenzenmeyer
Front-End Social
SimpleBits®
Atomic Design Creation
Open Source Gardening
WTFPL...2024-10-1452 minShopTalk636: W Hot Drama Week (WordPress, WP Engine, and Web Components – Oh My!)Show DescriptionWe're getting some feelings out about WordPress and Matt Mullenweg vs WP Engine drama, as well as the Web Components conversation that happened this past week.
Listen on Website →Links
WP Engine sues WordPress co-creator Mullenweg and Automattic, alleging abuse of power | TechCrunch
Automattic demanded a cut of WP Engine’s revenue before starting WordPress battle - The Verge
WP Engine Banned from Using WordPress.org Resources – WP Tavern
The WordPress vs. WP Engine drama, explained | TechCrunch
Matt Mullenweg: ‘WordPress.org just belongs to me’ - The Verge
WP Engine Term Sheet
...2024-10-0749 minShopTalk635: Jeff Robbins and Visibox as an Instrument for VideoShow DescriptionJeff Robbins stops by to talk about his software, Visibox, that was used at Frostapalooza for presenting video at the concert, what it's like building an app with Electron, how it's distributed, how files are used and managed, and how he supports hardware devices inside Electron.
Listen on Website →GuestsJeff RobbinsGuest's Main URL • Guest's SocialCreator of Visibox, Musician in 123Astronaut & Orbitband, Cofounder at Lullabot, Executive Coach at jjeff․com.
Links
MV7+ - Podcast Microphone
NT-USB Microphone
Jeff Robbin...2024-09-301h 01
ShopTalk634: Fabian Kägy on WordPress, Blocks, and Enterprise DevShow DescriptionFabian Kägy helps us understand the modern WordPress development process, Gutenberg vs Block editor vs full site editing, building with blocks or pages, what's coming in the Twenty Twenty-Five Theme, and whether the theme authoring process has been made too difficult in 2024?
Listen on Website →GuestsFabian KägyGuest's Main URL • Guest's SocialCore Contributor and WordCamp Speaker. Director of Editorial Engineering at 10up.
Links
10up | finely crafted websites and tools
Fabian Kägy - User Experience focused develop...2024-09-231h 00
ShopTalk633: Thomas Steiner on AI in Chrome and the WebShow DescriptionThomas Steiner from Project Fugu talks with us about AI in Chrome, the small large language model in use, how features like this are rolled out, the ethics and concerns around sending and sharing data, on device vs web APIs, and ideas for use cases and ways to explore AI on the web.
Listen on Website →GuestsThomas SteinerGuest's Main URL • Guest's SocialDeveloper Relations Engineer at Google, focused on the Web and Project Fugu.
Links
Web Capabilities (Project Fugu...2024-09-161h 00
ShopTalk632: Adam Coster on Game Development and Crashlands 2Show DescriptionAdam Coster talks with us about working with his family in game development, how they get started making games, what all is involved with publishing games, deciding to go Steam and Netflix only for Crashlands 2, how web tech is involved in game development, and the fun of testing and doing Q&A for games.
Listen on Website →GuestsAdam CosterGuest's Main URL • Guest's SocialCEO & Webtech at Butterscotch Shenanigans
Links
Butterscotch Shenanigans
About | Butterscotch Shenanigans
Coffee with Butterscotch
adam-coster (Adam...2024-09-0952 minShopTalk631: Dave’s Second Brain Idea, Notion Thoughts, and Google’s LLM in ChromeShow DescriptionDave's got an idea for a second brain app that's customized to his brain, where we're at with Notion and other notes apps, and accessibility on LLM's in browsers.
Listen on Website →Links
Notion Web Clipper for Chrome, Safari, Firefox, and mobile
The PARA Method: The Simple System for Organizing Your Digital Life in Seconds
Obsidian - Sharpen your thinking
Organize Life System
Things To-Do List
Bear - Markdown Notes
Analog Productivity System
Just use fucking paper, man
Daylight Computer Care
Chrome Canary Features
Cerebras
Sponsors2024-09-0245 minShopTalk630: Frostapalooza Recap, Follow Up, and Messy CodebasesShow DescriptionChris has a birthday today , we recap our Frostapalooza experience celebrating Brad Frost's birthday, do all codebases become a mess, Mermaid, TLDraw, and Figjam thoughts, making tiny games, where's the follow up in web and world news, and what's the current state of CMS' on the web?
Listen on Website →Links
Frostapalooza – Chris Coyier
FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
Frostapalooza in photos and videos | Brad Frost
Symmetry 2024 Tickets
Code Editor Community
Understanding Technical Debt
Mermaid Tool
tldraw
Collaborative Whiteboard
Dev Mode
Visual Suite for Everyone
Game Deve...2024-08-261h 01ShopTalk629: The Great Divide, Global Design + Web Components, and Job TitlesShow DescriptionA bit of follow-up on vibe driven development and JavaScript not causing The Great Divide, writing testing automation, global design systems and web components, could PHP be used for web components, what if view transitions are going to be everywhere, and frontend engineer vs design systems engineer job titles and descriptions.
Listen on Website →Links
Trust the vibes
We don't need a boss, we need a process | Miriam Eric Suzanne
The Great Divide
JavaScript and The Great Divide
346: Is There a Great Divide?
Kevin Powell | CSS Evangelist
Javascript Testing Frameworks
De...2024-08-1956 min
ShopTalk628: Tending to RSS Feeds, Code Hike’s Fine Markdown, and Cloudflare R2Show DescriptionDoc told me to travel but there's COVID on the planes, Dave's got a 2x life update, how often do you manage or prune your RSS feed subscriptions, checking in on Code Hike and their fine grained Markdown approach, JavaScript decorators use case, and using Cloudflare R2 for image storage.
Listen on Website →Links
Noah Kahan - Stick Season on YouTube
Dave's new dogs from the Discord
Fine-grained Markdown
Cloudflare Object Storage
Uppy
Netlify Image CDN
SponsorsJam.devOne click bug reports devs love.
Find ou...2024-08-1255 minShopTalk627: Getting Comfortable with the Struggle and Vibe Driven DevelopmentShow DescriptionChris brings some blog posts to talk about including being comfortable with the struggle of developer life, Cloudflare Workers + monorepos, vibe driven development, and questions about database migrations, and whether we think AI free blogs are going to be a rarity in the future?
Listen on Website →Links
Comfortable with the struggle
Cloudflare Workers · Cloudflare Workers docs
Wrangler Cloudflare Workers
Features • GitHub Actions
Azure DevOps Services
Yarn
Vibe Driven Development
Active Record Migrations
Prisma Migrate
Sponsors2024-08-051h 00ShopTalk626: We Were Wrong and Keep Getting in TroubleShow DescriptionChris has some follow up on blog posts and past podcast episodes to respond to including browsers and browser engines, advertising on the web, magazines, Cara, peak AI slop, and view transitions.
Listen on Website →Links
FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
kottke.org - home of fine hypertext products
Daring Fireball
Cory Doctorow's craphound.com | Cory Doctorow's Literary Works
Moonbound
Second Foundation
Servo Web Rendering Engine
Ladybird
Flow Browser
Learn. Build. Grow. Together.
Artist Platform
Tech News
The Homepage of Dave Rupert
View Transitions Break
Misconceptions ab...2024-07-2955 minShopTalk625: CarTalk, Ownership of A Book Apart, and URL ShortenersShow DescriptionDave's putting together a platform for his presidential bid and workshops his policies, discussing vehicle options for a family in 2024, Chris and other authors get ownership of their A Book Apart books back, and the ramifications and reasoning behind Google killing a URL shortener.
Listen on Website →Links
Office Space (1999) directed by Mike Judge • Reviews, film + cast • Letterboxd
2024 Hyundai IONIQ 5: Electric SUV | Hyundai Canada
R2 - Rivian
Bronco® Sport | Build & Price | Shop.ford.ca
A Book Apart
Practical SVG by Chris Coyier
Print-On-Demand
I’m Mat. I make websites.
Reacquired.
Real Life N...2024-07-2243 minShopTalk624: Blogging, In App Browsers are Bad, and Teaching CSS from ScratchShow DescriptionOn this epsiode we're talking about the current state of blogging and social media, the polyfill hack, whether in app browsers should be banned, web components and the difficulty of front end web dev, and how we would go about teaching CSS from scratch in 2024.
Listen on Website →Links
Polyfill Attack Impacts Over 380,000 Hosts, Including Major Companies
Off The Main Thread podcast
Web Dev Pitfalls
State of JavaScript 2023
Fliteboard eFoil
Sponsors2024-07-1548 minShopTalk623: Assigning Weight Dynamically, CoPilot vs Other AI, and MonoreposShow DescriptionWe're talking about assigning a weight to items in a layout, differentiating between banger posts and regular blog posts, using social engineering to get PR's accepted, monorepo thoughts, using CoPilot vs other AI programming support bots, has TypeScript benefited from AI, and what happens if you turn off CoPilot?
Listen on Website →Links
614: CSS Grid Level 3 aka Masonry with Adam Argyle – ShopTalk
606: Web Sustainability with Michelle Barker – ShopTalk
Footnotes Progressively Enhanced to Popovers – Frontend Masters Boost
Charm
Supermaven
ThePrimeagen on YouTube
Sponsors2024-07-0856 minShopTalk622: Website Rendering, Updating Software, and Edge Gets FasterShow DescriptionWe're talking website rendering, server side rendering, Astro's server islands, perf hits for navigation elements, updating software because the docs aren't available for older versions, and a new Microsoft Edge was released.
Listen on Website →Links
Scale & Ship Faster with a Composable Web Architecture | Netlify
Eleventy is a simpler static site generator
Astro
Next.js React Framework
Cloudflare Services
Internet Power
Website Improvement
Server Islands
Create Web Components
FAST
Enhance
Vue.js Framework
An even faster Microsoft Edge
Sponsors2024-07-0158 minShopTalk621: Setting Up Prettier and Linting, Comparing Colors, and Accessibility OverlaysShow DescriptionWe've got follow up on Cloudflare and Cara from last episode, a question about setting up Prettier and auto linting, a cool tool from a listener on comparing colors, a question about using tooling like Craft or more user friendly apps like Webflow when working with clients, and our takes on accessibility overlays.
Listen on Website →Links
Cloud Application Hosting for Developers | Render
Prettier · Opinionated Code Formatter
Biome, toolchain of the web
Vetur
Compare colors
Craft CMS
Webflow: Create a custom website | Visual website builder
Accessibility Overlay Decision
Sponsors2024-06-2450 minShopTalk620: Cloudflare #HotDrama, Auth, and Prototyping ThoughtsShow DescriptionWe dive a bit deeper into the Cloudflare drama of the past couple of weeks, Instagram ads vs Cara art, what to do about Auth in your app, pre-negging any sponsorships, prototyping and feedback on projects, and ideas for future topics.
Listen on Website →Links
Cloudflare took down our website after trying to force us to pay 120k$ within 24h
Connect, Protect and Build Everywhere | Cloudflare
Deploy app servers close to your users · Fly
A social app for creatives, Cara grew from 40k to 650k users in a week because art...2024-06-171h 02
ShopTalk619: SvencodesShow DescriptionSven Neumann aka Sven Codes talks with us about SudokuPad, developing a cross-platform app, integrating new puzzles and features, the benefits of being easy to use, building a community, and monetizing an app while not upsetting your user base.
Listen on Website →GuestsSven NeumannGuest's Main URL • Guest's SocialCreator of Sven's SudokuPad.
Links
Solving “The Miracle Sudoku”
SudokuPad Web App - by SvenCodes.com and Cracking The Cryptic
Cracking The Cryptic
svencodes.com
Sven Codes (@svencodes) / X
Sven Codes
Sv...2024-06-101h 06
ShopTalk618: Matt Visiwig on SVGBackgroundsShow DescriptionMatt Visiwig stops by to chat with us about his site, SVGBackgrounds.com, a membership site for copy-and-paste website graphics built around SVG. We talk about why he built the site, how he decided to monetize it, competing with AI garbage on the web, pricing membership options, and how he's running the site.
Listen on Website →GuestsMatt VisiwigGuest's Main URL • Guest's SocialSelf-employed web designer, building SVGBackgrounds.com.
Links
Customize and apply backgrounds fast | SVG Backgrounds
Matt Visiwig
Matt...2024-06-031h 00
ShopTalk617: Economic & AI Vibes with Jason GrigsbyShow DescriptionWe're chatting with Jason Grigsby about what a white-collar recession means, how the sources and methods of consuming news shape our perspectives, whether the current economic conditions represent a market correction and if a rebound is imminent. We explore the critical decision of whether to embrace AI advancements or risk being left behind. We also talk about AI-generated voices, large language models and ethics, and the impact of social media signals in an AI world.
Listen on Website →GuestsJason GrigsbyGuest's Main URL • Guest's Social2024-05-2759 min
ShopTalk616: Strum Machine with Luke AbbottShow DescriptionLuke Abbott is the creator of Strum Machine, an app that simulates backing tracks by stitching together individual notes, chords, and strums recorded on guitar, standup bass, and mandolin. We talk about what Strum Machine does, why he decided to build it, how bringing on a professional designer helped, pricing thoughts, and the "fun" of building a version on iOS.
Listen on Website →GuestsLuke AbbottGuest's Main URL • Guest's SocialMusician and creator of Strum Machine.
Links
Strum Machine: cust...2024-05-201h 04ShopTalk615: Dave Goes Windows For RealShow DescriptionDave's got job news to share, as well as insight into the process of what applying for a job in tech is like in 2024. We also talk about styling, scoping, positioning, and floating UI.
Listen on Website →Links
Algorithms & Data Structures | Learn Algorithms with TypeScript for Interviews | Frontend Masters
Information asymmetry
Fluent 2 Design System
Font Awesome
Web Awesome
Icônes
Iconify — Search Icons
Create Floating UI
User App Tour
Sponsors2024-05-141h 03
ShopTalk614: CSS Grid Level 3 aka Masonry with Adam ArgyleShow DescriptionAdam Argyle stops by to chat about the conversation that's happening around CSS Grid / Masonry. What do we want? What might Apple's response to Google be? And nitpicking the spec just for fun.
Listen on Website →GuestsAdam ArgyleGuest's Main URL • Guest's SocialCSS DevRel Google Chrome, CSSWG
member, host on GUIchallenges, co-host: CSSpodcast and BAD at CSSpodcast, maker of VisBug, OpenProps and GradientStyle.
Links
Gemini - chat to supercharge your ideas
Invent Masonry Layout
Feedback on Masonry Layout – Frontend...2024-05-0656 minShopTalk613: Recording Live Music, WebC, Open Source, & WordPress StudioShow DescriptionChris bought recording gear off an Instagram ad, our thoughts on WebC, CodePen upgrades Yarn, thoughts on the commercial value of open source, Automattic releases an app to install WordPress locally, IBM buys Hashicorp, income tax software, and a hack for getting Safari to respect background colors used in a pseudo selector.
Listen on Website →Links
FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
601: Brad Frost on A Global Design System + Frostapalooza – ShopTalk
Audigo - The pocket-size recording studio
Final Cut Pro Sync
iPhone Webcam for Mac
Acapella PicPlayPost
Elev...2024-04-291h 03
ShopTalk612: Matt Haughey on a Fantasy Blogging CMS SetupShow DescriptionMatt is here to talk about creating the perfect fantasy CMS for blogging, moderating comments at Metafilter, building sane defaults into programs, how difficult the web is, do we want AI in our CMS, and where is content headed on the internet?
Listen on Website →GuestsMatthew HaugheyGuest's Main URL • Guest's SocialA writer with over 25 years of experience building products. In that time I've worked as a designer, coder, company founder, and senior writer.
Links
Matt Haughey
Blogger.com...2024-04-221h 02ShopTalk611: React! TypeScript! Jobification! Drupal!Show DescriptionDave & Chris and thoughts on career advice that worked 3 years ago but isn't as helpful now, marking tests with ChatGPT, is taking a Drupal job in 2024 a good idea, Chris got #gear sniped, P3 color follow up, the confusing File System APIs, and where did all the lightboxes go?
Listen on Website →Links
chan (@chantastic) / X
The Texas Tribune
The Coming Wave Book
Drupal - Open Source CMS | Drupal.org
Electric Air Duster - 130000RPM Compressed Air Duster，3 Gear Adjustable Jet Dry Blower can Reusable Can for Computer Keyboard,Outdoors,Car...2024-04-1554 minShopTalk610: TypeScript in 2024, Signals, Productivity Sniped, and Follow UpShow DescriptionDave's about to be eclipsed, the state of TypeScript in 2024, signals stage zero proposal, corrections on accessibility in frameworks (thanks!), web apps for better collaborative writing, getting productivity sniped, the problem with email may be you, indieweb follow up, and ultimate guitar tab apps.
Listen on Website →Links
Streamlining APIs, Databases, & Microservices | Apollo GraphQL
Svelte • Cybernetically enhanced web apps
Ember.js - A framework for ambitious web developers
Web Test Runner: Modern Web
Frontend Masters Boost – Helping Your Journey to Senior Developer
Notion – The next gen of notes & docs
Paper
Stashpad...2024-04-081h 01
ShopTalk609: Blake Watson on Home Cooked AppsShow DescriptionWhat is a home cooked app? Blake Watson is on this episode to talk all about the kinds of apps that make a good home cooked app, tips and advice he has for making them, resisting the urge to monetize or growth hack them, and a few CodePen v2 thoughts sprinkled in at the end.
Listen on Website →GuestsBlake WatsonGuest's Main URL • Guest's SocialCurrently a member of the frontend dev team at MRI Technologies, working on projects for NASA.
L...2024-04-011h 07ShopTalk608: Can WordPress Kill Your Resume, Fav Parts of Web Dev, Exploring HTMX, and more!Show DescriptionWe're opening up the ShopTalk mailbag and answering your questions, including does WordPress on your resume kill your job chances, what are our fav and least fav parts of web dev, our thoughts on HTMX, and what is it like to use pnpm instead of npm.
Listen on Website →Links
Front End Happy Hour
Playdate
Develop for Playdate
Nuxt: The Intuitive Vue Framework · Nuxt
ThePrimeagen
Fast, disk space efficient package manager | pnpm
Yarn
SponsorsRadical DesignAre you an aspiring designer, developer, marketer, or fanny pack tes...2024-03-2544 minShopTalk607: Astro Launches an Integrated DatabaseShow DescriptionFred K. Schott stops by to talk about Astro announcement of Astro DB. The pluses and minuses of it, and whether you have to always use the database with Astro DB. We get into how to seed your database, upgrading the database, and the almost weirdly generous pricing model.
Listen on Website →GuestsFred K. SchottGuest's Main URL • Guest's SocialCo-creator of Astro.
Links
Astro DB: A Deep Dive | Astro
Astro DB
Astro DB: A Deep Dive | Astro
tursodatabase/libs...2024-03-181h 01
ShopTalk606: Web Sustainability with Michelle BarkerShow DescriptionWe're talking with Michelle Barker about the idea of paying to support bloggers (and podcasters!) via services like Patreon, drumming as a fun side gig from CSS, how big of an issue digital sustainability is, trying to understand the environmental impact of our websites and digital life, wondering why YouTube embeds are still so large, disabling cookies, and how to build the web in a more sustainable way.
Listen on Website →GuestsMichelle BarkerGuest's Main URL • Guest's SocialSenior Front End Developer at Ada...2024-03-1156 min
ShopTalk605: Jim Nielsen on Subversive URLs, Blogging + AI, and Design EngineersShow DescriptionJim Nielsen joins us to about URLs and linking as the new subversive way to maintain the web, paying for news in Canada, should content creators be worried about AI, the case for design engineers, RSS in HTML, and the state of state and UI.
Listen on Website →GuestsJim NielsenGuest's Main URL • Guest's SocialDesigner. Engineer. Writer.
Links
About - Jim Nielsen’s Blog
“Wherever you get your podcasts” is a radical statement - Anil Dash
The Subversive Hyperlink...2024-03-041h 04ShopTalk604: VS Code Plugins, Git as a Radical Statement, Tailwind & Arc DramaShow DescriptionA follow up on jQuery conversation, Microsoft owning all the things, what VS Code plugins are your ride or die, the ability to Git from wherever you want, Tailwind drama, global design system follow up, Arc Search gets roasted, and Frontend Design Conference is back!
Listen on Website →Links
GitHub - tc39/proposal-type-annotations: ECMAScript proposal for type syntax that is erased - Stage 1
Chris Coyier on Embracing Technology and the Future of Web Development - Whiskey Web and Whatnot - Episode 131
Zed
Dracula Official
GitLens
Tower Git Client
GitHub Desktop
“Wher...2024-02-2656 min
ShopTalk603: Deno, React Alternatives, and Copilot Concerns with Triple Threat Josh CollinsworthShow DescriptionJosh (or Jsoh) stops by to talk about his work at Deno, recent blog posts on Copilot, why Svelte is awesome and React is not, Apple and PWA, and building word games on the web.
Listen on Website →GuestsJosh CollinsworthGuest's Main URL • Guest's SocialFrontend Engineer at Deno, the maker and designer of the word games Quina, and Hondo.
Links
Josh Collinsworth
Deno, the next-generation JavaScript runtime
Deno Deploy | Deno
Fresh - The next-gen web framework.
I worry our...2024-02-191h 02ShopTalk602: What Does Accessibility Really Mean?Show DescriptionVoiceover pays us a visit, we talk about what accessibility really means, the difficulty of closing a dialogue element, web components at work, and jQuery 4 is out.
Listen on Website →Links
Opportunities for AI in Accessibility – A List Apart
the-pastry-box-project.net
An Alphabet of Accessibility Issues by Anne Gibson
Alphabet of Accessibility Deck
Understanding accessibility through ABCs – On the Issues
Frontend Masters Boost – Helping Your Journey to Senior Developer
storage-form Web Component - David Darnes
CodeMirror
FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
HTML with Sup...2024-02-121h 05
ShopTalk601: Brad Frost on A Global Design System + FrostapaloozaShow DescriptionBrad 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 →GuestsBrad FrostGuest's Main URL • Guest's SocialDesign system consultant, web designer, speaker, writer, and musician located in beautiful Pittsburgh, PA.
Links
A Global Design...2024-02-051h 03ShopTalk600: Where Will The Web Be 12 Years from Now?Show DescriptionWe'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 G...2024-01-291h 15ShopTalk599: Fighting the Algorithm With RSS, Blogging, and the IndieWebShow DescriptionDave 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 Rupe...2024-01-221h 04ShopTalk598: Jen Simmons on Interop, WebKit Releases, and New CSS Features in SafariShow DescriptionJen 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 →GuestsJen SimmonsGuest's Main URL • Guest's Social Apple Evangelist on the Web Developer Experience team for Safari & @webkit. Member of CSS Working Group.
Links
Can I use...2024-01-151h 10ShopTalk597: How Many VS Code Plugins, Poor Charlie’s Almanack, and Where to Start in 2024?Show DescriptionWe'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 th...2024-01-0856 minShopTalk596: The Year of AI, Arc, and Being Mad About the Right ThingShow DescriptionLooking 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.
SponsorsMiroFind simplicity in your most complex projec...2023-12-1853 minShopTalk595: MedTalk Show, Plagiarism and Code Grifting, and How We’re Testing CodeShow DescriptionBlood 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
Practi...2023-12-111h 00ShopTalk594: Wiping Your Laptop, UX of Password Codes, and :Has Tips and TricksShow DescriptionIn 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
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first...2023-12-041h 01ShopTalk593: Beep & Texts, Tumblr, JavaScript & Web Components, & Cool Blog Post IdeasShow DescriptionThoughts 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 succe...2023-11-2747 minShopTalk592: Web Component Therapy, SEO Therapy, and Learning Something New like SwiftShow DescriptionTalking 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
Sponsors2023-11-2053 min
ShopTalk591: Cascade Layers, CSS Functions, and more CSS with Miriam SuzanneShow DescriptionMiriam 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 →GuestsMiriam SuzanneGuest's Main URL • Guest's SocialCo-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 elem...2023-11-131h 06ShopTalk590: Twisting Through WebsitesShow DescriptionThe 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
WordPr...2023-11-0657 minShopTalk589: CSS Functions, Read It Later, Making Money in Business, and MoreShow DescriptionA 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...2023-10-3056 minShopTalk588: Elliott Marquez on Web Components and LitShow DescriptionElliott 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 →GuestsElliott MarquezGuest's Main URL • Guest's SocialFront-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 FitVid...2023-10-231h 02
ShopTalk587: Why Ethan Marcotte Thinks Tech Workers Deserve a UnionShow DescriptionEthan 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 →GuestsEthan MarcotteGuest's Main URL • Guest's SocialDesigner, writer, and speaker. Started that “responsive web design” thing.
Links
Ethan Marcotte on LinkedIn
Ethan Marcotte on Mastodon
Welcome to Ethan...2023-10-1658 minShopTalk586: Micro.blogging with Manton ReeceShow DescriptionManton 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 →GuestsManton ReeceGuest's Main URL • Guest's SocialCreator of Micro.blog, co-host of Core Intuition.
Links
Kagi Search - A Premium Search Engine
Micro.blog
Manton Reece - About
Micro.blog - @mant...2023-10-0959 minShopTalk585: Blog Redesign, Sounds on a Website, Accessibility Tests, and Safari 17Show DescriptionChris 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...2023-10-0259 min
ShopTalk584: Community, Partnerships, Images, and Astro with Fred K. SchottShow DescriptionFred 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 →GuestsFred K. SchottGuest's Main URL • Guest's SocialCo-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 Bl...2023-09-2558 min
ShopTalk583: Language Models, AI, and Digital Gardens with Maggie AppletonShow DescriptionMaggie 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 →GuestsMaggie AppletonGuest's Main URL • Guest's SocialDesign at Elicit. Makes visual essays about UX, programming, and anthropology. Adores digital gardening, end-user development, and...2023-09-1856 minShopTalk582: Lifetime Plan, Pricing #HotDrama, and CSS ResetsShow DescriptionGetting 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 th...2023-09-111h 01ShopTalk581: DevRel, Musical Mics, Social Sharing, and 100 Years of WordPressShow DescriptionDave 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 h...2023-09-0400 minShopTalk580: Chen Hui Jing and the State of CSS Survey for 2023Show DescriptionWe'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 →GuestsChen Hui JingGuest's Main URL • Guest's SocialA self-taught designer and developer.
Links
State of CSS
Interop 2023: continuing to improve the...2023-08-2855 minShopTalk579: One Day Builds, Spicy Slugs, and What Next for CSS?Show DescriptionHave 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 Gats...2023-08-2156 minShopTalk578: Customer Support, P3 Color, Dave on Productivity, and Mobile vs DesktopShow DescriptionIs 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
Sponsors2023-08-1457 minShopTalk577: Shawn Wang on AIShow DescriptionShawn 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 →GuestsShawn WangGuest's Main URL • Guest's SocialI help devtools cross the chasm (devrel, advising and investing) and help developers learn in public!
Link...2023-08-0748 minShopTalk576: Blocks, Components, Linting Images, Engines, and “Web Integrity”Show DescriptionWe'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
Lu...2023-08-011h 01ShopTalk575: CSS Errors, Proxy and Reverse Proxy, and What’s The Edge?Show DescriptionBluesky 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
SponsorsDesign Better PodcastDesign Better Podcast is a show about the intersection of design, technology, and the creative process from ou...2023-07-241h 00ShopTalk574: Estelle & Eric on CSS The Definitive Guide, 5th EditionShow DescriptionEstelle 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 →GuestsEric MeyerGuest's Main URL • Guest's SocialEstelle WeylGuest's Main URL • Guest's SocialLinks
First-Person Scrollers – Eric’s Archived Thoughts
CSS Selectors with Estelle Weyl
CSS: The Definitive...2023-07-171h 14ShopTalk573: Google Reader, Sticky and Overflow, and Figma ThoughtsShow DescriptionChris 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...2023-07-101h 00ShopTalk572: Text Sqwunch Property, Figma Developer Mode, Stripe ElementsShow DescriptionDave 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 St...2023-07-031h 04
Front End Nerdery Podcast22 - Chris Coyier & Dave RupertIn this episode, I talk to Chris Coyier and Dave Rupert from the Shop Talk Show! We talk about all sorts of topics having to do with front end development, design, and accessibility. Specifically, web components, CodePen, Eleventy, Astro, and much, much more! Intro/Outro music graciously given permission to use called, "Settle In" by Homer Gaines. Sound editing by Chris Enns of Lemon Productions.
Transcripts can be found at: https://toddl.dev/podcast/transcripts/shoptalkshow/
Show Notes
https://twitter.com/chriscoyier - Chris on Twitter
https://twitter.com/davatron5000 - Dave o...2022-02-141h 02
Syntax - Tasty Web Development TreatsChangelog Frontend FeudIn this episode of Syntax, Scott and Wes do a crossover episode with Changelog’s JS Party! Your favorite web dev podcasts join forces for a super collab that’ll knock you frontend off! Amelia joins Chris Coyier and Dave Rupert from ShopTalk Show, while Divya teams up with Wes Bos and Scott Tolinski from Syntax. Let the FEUDing begin! .TECH Domains - Sponsor .TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you’re looking for a domain name for your startup, portfolio, or your own pr...2021-09-2953 minSyntax - Tasty Web Development TreatsShopTalk x SyntaxIn this episode of Syntax, Scott and Wes do a collaboration with Chis Coyier and Dave Rupert from ShopTalk Show! They talk about favorite tech stacks, podcasting, learning new tech, dealing with FOMO, and more! Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax. Sentry - Sponsor If you want to know what’s h...2021-07-281h 04
Journey Notes012: Awesome MediaRockmore and Omar discuss the awesome media that they are currently consuming... From podcasts to books, journalism, music, movies, and lastly tv. There is a lot of crappy media out there, but these are our favorite picks.
Show Notes
Books
Unapologetic: Why, Despite Everything, Christianity Can Still Make Surprising Emotional Sense
The Child That Books Built: A Life in Reading
The Book: On the Taboo Against Knowing Who You Are
Scary Close: Dropping the Act and Finding True Intimacy
Everybody Matters: The Extraordinary Power of Caring for Your People Like Family
Podcasts
PocketCasts App
Podcast Addict App
You Made It We...2015-10-291h 13
All JavaScript Podcasts by Devchat.tv165 JSJ ShopTalk with Chris Coyier and Dave Rupert02:43 - Dave Rupert Introduction
Twitter
GitHub
Blog
Paravel
03:42 - Chris Coyier Introduction
Twitter
GitHub
Blog
CSS-Tricks
CodePen
06:24 - The ShopTalk Show and Podcasting
@shoptalkshow
“What do I learn next?” => “Just Build Websites!”
Question & Answers Aspect
23:19 - Tech Is A Niche
Paul Ford: What is Code?
29:51 - Balancing Technical Content for All Levels of Listeners
Community Opinion
38:42 - Learning New CSS Tricks (Writing Blog2015-06-241h 15
All JavaScript Podcasts by Devchat.tv165 JSJ ShopTalk with Chris Coyier and Dave Rupert02:43 - Dave Rupert Introduction
Twitter
GitHub
Blog
Paravel
03:42 - Chris Coyier Introduction
Twitter
GitHub
Blog
CSS-Tricks
CodePen
06:24 - The ShopTalk Show and Podcasting
@shoptalkshow
“What do I learn next?” => “Just Build Websites!”
Question & Answers Aspect
23:19 - Tech Is A Niche
Paul Ford: What is Code?
29:51 - Balancing Technical Content for All Levels of Listeners
Community Opinion
38:42 - Learning New CSS Tricks (Writing Blog2015-06-241h 15
JavaScript Jabber165 JSJ ShopTalk with Chris Coyier and Dave Rupert02:43 - Dave Rupert IntroductionTwitter GitHub BlogParavel03:42 - Chris Coyier IntroductionTwitter GitHub BlogCSS-Tricks CodePen 06:24 - The ShopTalk Show and Podcasting@shoptalkshow“What do I learn next?” => “Just Build Websites!”Question & Answers Aspect23:19 - Tech Is A NichePaul Ford: What is Code? 29:51 - Balancing Technical Content for All Levels of ListenersCommunity Opinion38:42 - Learning New CSS Tricks (Writing Blog Posts)Code Golf41:54 - The Accessibility Project Adventures in Angular Episode #027: Accessibility with Marcy Sutton Anne Gibson: An Alphabet of Accessibility Issues 56:02 - Favorite & Cool EpisodesShowTalk Show Episode #091: with Jamison Dance and Merrick Christensen ShopTalk Show Episode #101: with John ResigShopTalk Show Episode #157: with Alex Russell ShopT...2015-06-241h 15
Show Me Your MicChris CoyierChris Coyier stops by to chat about screencasting, podcasting and how he prepares for both. We chat sponsorship and getting to work with Dave Rupert.
This episode of Show Me Your Mic is sponsored by:
Feed.Press
Sorry. Due to importing issues, links and show notes were lost in translation.
★ Support this podcast on Patreon ★
2013-11-0545 min