A podcast about web design and development.
Avsnitt
666: What Are the Evils of the Web Platform?
Show Description
How it all comes back to the why column, dark patterns, privacy and tracking, getting emails forever from one purchase, how to be bold with communication while still being respectful, HTMHell, CSS mistakes, are we anti-JSON, and the state of FitVid in 2025.
Links
- Markup from hell - HTMHell
- Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki]
- JSON Editing
- Douglas Crockford on JSON
- Fluid Video Plugin
Sponsors
665: JavaScript Educator and Twitch Streamer Mat Marquis
Show Description
Fresh off his Megaman Streamathon, Mat Marquis joins us to talk about becoming a professional Twitch streamer, creating a JavaScript course, his thoughts on the design and content of said course, a brief moment on Linux in 2025, and attempts to make the web weird and fun again.
Guests
Mat Marquis
Guest's Main URL • Guest's Social
My goal is to ensure that your content can reach any user, in any browsing context—regardless of the size of their screen, the speed of their internet connection, the age of their device, or the combination of browsers and assistive technologies they use to experience the web.
Links
- I’m Mat. I make websites.
- Wilto (Mat Marquis) · GitHub
- Mat “Wilto” Marquis (@Wilto@front-end.social) - Front-End Social
- Mat “Wilto” Marquis (@wil.to) — Bluesky
- WiltoStreams - Live Streaming
- JavaScript for Web Designers
- Learn JavaScript
- CodeMirror Text Editor
- JavaScript Playground
- JavaScript for Everyone
- Premium Courses
- Paul Irish Profile
- Robin Sloan
- Framework Laptop 16 DIY
- Johnny Mnemonic
- Johnny Mnemonic Trailer #1
Sponsors
664: Figma Sites, CSS Carousels, and Internship Prep
Show Description
How much would you pay for new users, initial thoughts on Figma's announcements, CSS carousel follow up, favicon easter eggs, how do you prepare for an internship, and why aren't more developers using logical properties?
Links
- Windsurf (formerly Codeium) - The most powerful AI Code Editor
- Figma Sites
- Figma Make
- Figjam
- Are CSS Carousels Accessible?
- Windsurf (formerly Codeium) - The most powerful AI Code Editor
- Figma Sites: Design, Prototype & Publish Your Next Website
- Creative Design Tools
- Collaborative Whiteboard
- Presentation Creation
- AI-Powered Design Tools
- Learn to Code Faster
- Introducing Web Awesome
- Prioritization Advocacy
- axe Accessibility Tools
- Todoist Task Management
Sponsors
663: HBD Dave, Silly Web Fun, Color-Mix Tips
Show Description
Do 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.
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
Sponsors
Webflow x GSAP Community Challenge
GSAP and ALL the plugins are now FREE for everyone thanks to Webflow (even for commercial projects)! The SplitText plugin has had a complete rewrite (half the size, accessible, and smarter text splitting). To celebrate: a community challenge all through May. Make something fun and win merch! One prompt each week featuring a different (previously paid) plugin.662: Alternative Browsers, Discord vs Circle, and AI in the Browser
Show Description
We'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.
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 Download
- Hotwire Drawer Component
- CodePen
- Circle
- Discord
- Zulip
- Netlify Support Forums
- Retro Photo app
- Media Diet – Chris Coyier
Sponsors
661: Working Vacations, Ripping Out JavaScript, and Non-US Cloud Service Options
Show Description
What 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.
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
Sponsors
660: Teaching CSS, Conferences, and Masonry Updates
Show Description
Follow up on thoughts about teaching CSS from scratch, questions about conferences to attend as well as a way to kickstart a conference idea, some Balatro thoughts, and our thoughts on the recent Grid vs Masonry debate.
Links
- The Homebrewery - NaturalCrit
- SmashingConf in-person Conferences 2025 — Friendly, inclusive & fun events for web designers and developers. - SmashingConf New York, Freiburg, Antwerp and Online
- Web Design Event
- State of the Browser 13
- Bring live to life
Sponsors
659: CSS Carousel Configurator Demos with Adam Argyle
Show Description
Adam 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.
Guests
Adam Argyle
Guest's Main URL • Guest's Social
CSS at Google.
Links
Sponsors
658: Andy Bell on Working with Clients, Writing, and Building Courses for Web Builders
Show Description
We'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.
Guests
Andy Bell
Guest's Main URL • Guest's Social
Designer, front-end developer and the founder of Set Studio and Piccalilli.
Links
- Pen.new
- mdn.io
- Set.Studio
- Front-End Development Skills
- Obsidian Thinking
- Connected Workspace
- The Telepathy Tapes
- Complete CSS
- If it works, it's right - Piccalilli
- Carousels with CSS
Sponsors
657: David Darnes on Web Components and Design Systems
Show Description
David 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.
Guests
David Darnes
Guest's Main URL • Guest's Social
Designer, Front-end Developer & Writer.
Links
Sponsors
Jelly
Keeping up with customer emails shouldn’t feel like flying a 747. Jelly’s team email inbox makes it easy and affordable: one flat price per team, not per user. No surprise bills—just a simple shared inbox that helps your team respond faster, stay organized, and keep customer conversations flowing smoothly. Try Jelly now for free and get 15% off!656: Onboarding Woes, Coloring Links, and AI Slop Theories
Show Description
Onboarding 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).
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 video version of this episode
Sponsors
655: Conspiracy Theory Theories, View Transitions vs CSS Animations, and Autocomplete
Show Description
It'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.
Links
- SubwayTakes (@subwaytakes) | TikTok
- Motion - A modern animation library for JavaScript and React
- font-weight: 300 considered harmful | CSS-Tricks
Sponsors
654: UI + State, AI Missing Context But Adds Browsers, and Scalability on the Web
Show Description
UI 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?
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 browser called Comet | TechCrunch
- Introducing Operator | OpenAI
- Daring Fireball: One Bit of Anecdata That the Web Is Languishing Vis-à-Vis Native Mobile Apps
- Sill | Top news shared by the people you trust
Sponsors
653: Interop 2025, Attributes, and Black Boxes of AI
Show Description
We'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.
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 link
Sponsors
652: Talking to Bots, Building Browser Games, and Political LLMs
Show Description
Remembering 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?
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 Views Are Shifting Right
- Search Engine Podcast: Insights and Discussions
- PouchDB: A Pocket-Sized Database on GitHub
- Zero Docs: Documentation for Zero
- Replicache: Real-Time Data Synchronization
- Obsidian: Sharpen Your Thinking
Sponsors
651: Jason Lengstorf on CodeTV.dev, DevRel Panic, and Spicy Gear
Show Description
Jason 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.
Guests
Jason Lengstorf
Guest's Main URL • Guest's Social
Jason Lengstorf is the producer of CodeTV.dev, where he helps tech companies connect with developer communities through better devrel strategy and media.
Links
- tv for developers — CodeTV
- The Best React-Based Framework | Gatsby
- Scale & Ship Faster with a Composable Web Architecture | Netlify
- The Great British Bake Off
- Web Development Challenge
- Leet Heat Pilot
- TV for Developers
- Dropout Comedy
- Nebula Universe
- Sunny Nihilist Declaration
- Philosophize This! Episodes
- BenQ RD280UA Monitor
- iPhone Webcam for Mac
- Webcam Comparison
- Sony FX3 Camera
- ATEM Mini
Sponsors
BenQ
Not really but you should call us Mr or Ms BenQ!650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS Code
Show Description
Does 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.
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 Qodo | Quality-first AI Coding Platform
- Windsurf Editor by Codeium
- Zed - The editor for what's next
- Ghostty
- Helix
Sponsors
Complete CSS
Get to a level in development that you never thought would be possible with this expansive CSS course from Andy Bell. You won't be the same developer after completing it.649: Chrome 133, Attribute Update, and Standardized Async CSS
Show Description
Dealing 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.
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
Sponsors
648: Speculating on Funding Open Source
Show Description
Hard hitting investigative journalism episode warning: Chris and Dave speculate on the ways a project like void(0) could make money.
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 painlessly | Laravel Forge
- 37signals
- Basecamp: Project management software, online collaboration
- Simpler Static Site Generator
- Cloud Application Platform
- Igalia Chats
Sponsors
647: Slash Pages vs Wikis vs Posts, RSS, Living with an ADHD Diagnosis, and M4 Upgrades
Show Description
In 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.
Links
- Chris Coyier.net
- slash pages
- /uses
- chipotle - IndieWeb
- Digital gardening
- daverupert.com
- Feedbin
- Reeder
- NetNewsWire: Free and Open Source RSS Reader for Mac and iOS
- Unread: An RSS Reader
- Riverside: HD Podcast & Video Software | Free Recording & Editing
- I got the ADHD, too - daverupert.com
- My ADHD diagnosis process | Brad Frost
- CSS wants to be a system - daverupert.com
- M4 – Chris Coyier
- Getting Started – Pug
Sponsors
646: Hard Code & Soft Skills
Show Description
The 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.
Guests
Alex (Eddie)
Guest's Main URL • Guest's Social
A web developer from Atlanta, GA that specializes in Vue.js, python, and PHP.
Ben (Blaze)
Guest's Main URL • Guest's Social
A user-centered frontend developer with a focus on web accessibility.
Miriam (Astra)
Guest's Main URL • Guest's Social
Co-Founder of OddBird, working on CSS in a W3C group.
Links
Sponsors
Bluehost
Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.645: Mouthblogging CSS in 2024
Show Description
Riffing off the CSS Wrapped 2024 list from the Chrome team, we're talking field-sizing, animate to height, anchor positioning, custom scrollbars, cross-document view transitions, scroll-driven animations, and more!
Links
- CSS Wrapped 2024
- Introducing TODS – a typographic and OpenType default stylesheet | Clagnut by Richard Rutter
- OpenType
Sponsors
Bluehost
Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.644: Mouthblogging HTML in 2025
Show Description
We're talking HTML this episode, detail summary, HTML datalist element, styling selects, anchored pop ups, popovers, invokers, HR in select, target=blank, HTML for People, and what we still need.
Links
- The <details> and <summary> elements are getting an upgrade - Stephanie Stimac's Blog
- Request for developer feedback: customizable select | Blog | Chrome for Developers
- HTML & CSS Dropdowns
- HTML Latest Control
- Browser noopener links
- Stylable Select Element
- Self-Closing Tags in HTML
- Riverside
- Select Element with Rules
- HTML Basics for Beginners
- The aside element
- AI Note Taking
- Interop 2025
Sponsors
Bluehost
Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.643: Social Capital, Easter Eggs in Apps, & CSS Parts
Show Description
How do you like your turkey at Thanksgiving, building social capital with the neighbors, a brief SportsTalk Show segment, noticing easter eggs in apps and the web, what is a component anyway, CSS parts follow up, and questions about Alpine.JS and ESLint.
Links
- How to Spatchcock Chicken, a Step-by-Step Guide
- Half-Life
- Scott Jehl on Web Components
- CSS Parts Relief
- ESLint Sorting Plugin
- GitLens
- Biome
Sponsors
642: Chris Person on Forums, Reddit, and Cooperative Reporting
Show Description
Chris Person from Aftermath joins us to chat about the state of forums in 2024, being downwind of knowledge, forum drama, Reddit and StackOverflow's impact on forums, the importance of the individuals caring for knowledge and information, and the benefits and struggles of cooperatives in reporting.
Guests
Chris Person
Guest's Main URL • Guest's Social
Makes Highlight Reel. Co-Founder 'n blogger at Aftermath.site.
Links
- Forums Are Still Alive, Active, And A Treasure Trove Of Information - Aftermath
- chris person (@Papapishu) / X
- Highlight Reel | creating videos of the best recent clips from around the gaming
- Highlight Reel
- Forum Channels FAQ
- Lego Storage Solutions
- Bogleheads
- RomHacking
- Metal Finishing
- The Something Awful Forums
- Jeff Atwood
- StackOverflow
- Build Civilized Communities
- Proxmox VE Helper-Scripts
- Gawker Plot History
- Defector
- 404 Media
- Hell Gate Overview
- Open Source Blogging
Sponsors
Bluehost
Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.641: Passkey Usage, Writing Code with a Bot, and What’s Up With Java?
Show Description
We've got a few leftovers from Halloween to process, what's been happening with Passkeys in late 2024, have you tried to write HTML faster than a bot can suggest it to you, CSS anchor positioning and popover polyfills, scroll driven animation thoughts, CSS nesting, and what's the reason for Java?
Links
- Auth0: Secure access for everyone. But not just anyone.
- Stripe Checkout | Checkout Pages for Your Website
- Passkeys Authentication
- Mundango Storytelling
- Developer Tools
Sponsors
Bluehost
Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.640: Navigating the Pros and Cons of Web Components
Show Description
Riffing off a Dave Rupert blog post, Chris and Dave talk through the pros and cons of web components, when to use them, when it's a bad idea to use them, what would it take to make the Next.js of web components, and how long until we don't need anymore frameworks?
Links
- Where web components shine - daverupert.com
- Fluent UI - Get started - Fluent UI
- React
- Website Improvement
- Begin Team to Join
- Eleventy Generator
- Components
- URLPattern Polyfill
Sponsors
Bluehost
Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.639: DX, JSON, XML, HTML, and Databases! Oh My!
Show Description
How important is the DX of software vs how important is the person showing off the software, Douglas Crockford and JSON, remembering XML, trying to write better HTML for email, new TC39 proposal, workshopping t-shirts, and what do you do if you want a little bit of database on your website?
Links
- Web Unleashed 2024 - FITC
- New High Contrast Syntax Highlighting Themes – CodePen
- Douglas Crockford
- JSON
- JSON Feed
- Slow Horses
- JavaScript Compiler Proposal
- ECMAScript 2024 Updates
- Contentful
- Strapi
- Sanity Content System
- Heroku
- Cloudflare
- Turso
- Netlify Blobs
- bolt.new
Sponsors
Bluehost
Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.638: Q&A About Copyright, Jekyll, Joomla, Statamic, and More!
Show Description
Dave's designing a new tshirt, questions for lawyers about copyrights for code projects, what does the copyright in the footer actually do, what do Dave and Chris require for personal web projects, does Jekyll get updated anymore, the Bob from Hell UX pattern, viewing ads on CNN, what about Joomla or Statamic, and how do paid fonts on the web work?
Links
- Coming home | A Working Library
- Release v4.3.4 · jekyll/jekyll
- How to Monetize a Blog
- The Verge
- Joomla CMS
- Craft CMS
- Statamic
- Kirby Adapts
Sponsors
Bluehost
Find unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.637: Approachable Open Source with Brian Muenzenmeyer
Show Description
Brian Muenzenmeyer joins the show to talk about his book, Approachable Open Source, ways we can make open source easier to get in, important conversations around funding and supporting open source, and whether money helps maintainers deal with burnout or not?
Guests
Brian Muenzenmeyer
Guest's Main URL • Guest's Social
Author of Approachable Open Source, Principal Front End Engineer.
Links
- Shop | Approachable Open Source
- Approachable Open Source
- Brian Muenzenmeyer
- Front-End Social
- SimpleBits®
- Atomic Design Creation
- Open Source Gardening
- WTFPL
- Security Risk Reduction
- VoidZero | Blog
- Announcing Biome
- A Book Apart
Sponsors
Bluehost
Need a site right now? Bluehost has AI that builds you custom WordPress sites in minutes. Fast, easy, and ready to grow. Go to bluehost.com/shoptalk and start today!636: W Hot Drama Week (WordPress, WP Engine, and Web Components – Oh My!)
Show Description
We're getting some feelings out about WordPress and Matt Mullenweg vs WP Engine drama, as well as the Web Components conversation that happened this past week.
Links
- WP Engine sues WordPress co-creator Mullenweg and Automattic, alleging abuse of power | TechCrunch
- Automattic demanded a cut of WP Engine’s revenue before starting WordPress battle - The Verge
- WP Engine Banned from Using WordPress.org Resources – WP Tavern
- The WordPress vs. WP Engine drama, explained | TechCrunch
- Matt Mullenweg: ‘WordPress.org just belongs to me’ - The Verge
- WP Engine Term Sheet
- Theo and Matt Mullenweg
- Matt Discusses WordPress
- WCUS 2024 Q&A
- Modern WordPress Learning
- Automattic | Five for the Future | WordPress.org
- Automattic Alignment
- Matt Mullenweg Calls Out GoDaddy
- Matt Mullenweg Charitable Contributions
- Lee Wittlinger Location
- WebOps Platform
- WP Engine
- Hacker Interview
- WordPress.com
- WordPress Hosting
- Web Components Present
- Web Components Are Not the Future
Sponsors
635: Jeff Robbins and Visibox as an Instrument for Video
Show Description
Jeff Robbins stops by to talk about his software, Visibox, that was used at Frostapalooza for presenting video at the concert, what it's like building an app with Electron, how it's distributed, how files are used and managed, and how he supports hardware devices inside Electron.
Guests
Jeff Robbins
Guest's Main URL • Guest's Social
Creator of Visibox, Musician in 123Astronaut & Orbitband, Cofounder at Lullabot, Executive Coach at jjeff․com.
Links
- MV7+ - Podcast Microphone
- NT-USB Microphone
- Jeff Robbins (@jjeff)
- Jeff Robbins
- FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
- CodePen: Online Code Editor and Front End Web Developer Community
- Learning Web Design with Jennifer Robbins
- Visibox Announcement
- Lullabot
- Spaceage
- Cross-Platform App Development
- Desktop Apps with Web Frontend
Sponsors
Jam.dev
One click bug reports devs love. Find out more at jam.dev634: Fabian Kägy on WordPress, Blocks, and Enterprise Dev
Show Description
Fabian Kägy helps us understand the modern WordPress development process, Gutenberg vs Block editor vs full site editing, building with blocks or pages, what's coming in the Twenty Twenty-Five Theme, and whether the theme authoring process has been made too difficult in 2024?
Guests
Fabian Kägy
Guest's Main URL • Guest's Social
Core Contributor and WordCamp Speaker. Director of Editorial Engineering at 10up.
Links
- 10up | finely crafted websites and tools
- Fabian Kägy - User Experience focused developer currently building great user experiences within the WordPress Block Editor as the Director of Editorial Engineering @10up.
- fabiankaegy (Fabian Kägy) on GitHub
- @fabiankaegy on Twitter / X
- Fabian Kägy (@fabiankaegy) – WordPress user profile | WordPress.org
- Fabian Kägy on LinkedIn
- ACF Plugin
- Create Block Theme
- WordPress/twentytwentyfive
- St. Jude Donation
Sponsors
Jam.dev
One click bug reports devs love. Find out more at jam.dev633: Thomas Steiner on AI in Chrome and the Web
Show Description
Thomas Steiner from Project Fugu talks with us about AI in Chrome, the small large language model in use, how features like this are rolled out, the ethics and concerns around sending and sharing data, on device vs web APIs, and ideas for use cases and ways to explore AI on the web.
Guests
Thomas Steiner
Guest's Main URL • Guest's Social
Developer Relations Engineer at Google, focused on the Web and Project Fugu.
Links
- Web Capabilities (Project Fugu)
- Chrome.dev
- Prompt API Playground
- Summarization API Playground
- Translation API
- API Playground
- Chrome AI Proposal
- Chrome AI Experiment
- Intelligence Preview
- Prompt API Proposal
- Writing Assistance APIs Proposal
- Web Translation Proposal
- WICG
- WebML TPAC 2024 Agenda
- TPAC 2024: Overview
- Cache AI Models
Sponsors
Jam.dev
One click bug reports devs love. Find out more at jam.dev632: Adam Coster on Game Development and Crashlands 2
Show Description
Adam Coster talks with us about working with his family in game development, how they get started making games, what all is involved with publishing games, deciding to go Steam and Netflix only for Crashlands 2, how web tech is involved in game development, and the fun of testing and doing Q&A for games.
Guests
Adam Coster
Guest's Main URL • Guest's Social
CEO & Webtech at Butterscotch Shenanigans
Links
- Butterscotch Shenanigans
- About | Butterscotch Shenanigans
- Coffee with Butterscotch
- adam-coster (Adam Coster)
- Adam Coster @costerad on Twitter
- Crashlands 2 on Steam
Sponsors
631: Dave’s Second Brain Idea, Notion Thoughts, and Google’s LLM in Chrome
Show Description
Dave's got an idea for a second brain app that's customized to his brain, where we're at with Notion and other notes apps, and accessibility on LLM's in browsers.
Links
- Notion Web Clipper for Chrome, Safari, Firefox, and mobile
- The PARA Method: The Simple System for Organizing Your Digital Life in Seconds
- Obsidian - Sharpen your thinking
- Organize Life System
- Things To-Do List
- Bear - Markdown Notes
- Analog Productivity System
- Just use fucking paper, man
- Daylight Computer Care
- Chrome Canary Features
- Cerebras
Sponsors
630: Frostapalooza Recap, Follow Up, and Messy Codebases
Show Description
Chris has a birthday today , we recap our Frostapalooza experience celebrating Brad Frost's birthday, do all codebases become a mess, Mermaid, TLDraw, and Figjam thoughts, making tiny games, where's the follow up in web and world news, and what's the current state of CMS' on the web?
Links
- Frostapalooza – Chris Coyier
- FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
- Frostapalooza in photos and videos | Brad Frost
- Symmetry 2024 Tickets
- Code Editor Community
- Understanding Technical Debt
- Mermaid Tool
- tldraw
- Collaborative Whiteboard
- Dev Mode
- Visual Suite for Everyone
- Game Development Competition
- Butterscotch Shenanigans
- Ghost Platform
- Craft CMS
- Astro
- Eleventy Static Site Generator
- Decap CMS
- The Markdown CMS
- Sanity Content Cloud
Sponsors
Jam.dev
One click bug reports devs love. Find out more at jam.dev629: The Great Divide, Global Design + Web Components, and Job Titles
Show Description
A bit of follow-up on vibe driven development and JavaScript not causing The Great Divide, writing testing automation, global design systems and web components, could PHP be used for web components, what if view transitions are going to be everywhere, and frontend engineer vs design systems engineer job titles and descriptions.
Links
- Trust the vibes
- We don't need a boss, we need a process | Miriam Eric Suzanne
- The Great Divide
- JavaScript and The Great Divide
- 346: Is There a Great Divide?
- Kevin Powell | CSS Evangelist
- Javascript Testing Frameworks
- Design System Comparison
- Global Design System
- Brad Frost Design
- Frostapalooza Concert
- Val Head
- Sharpen your thinking
- Sheelah Brennan's Engineer Comparison
- Turkey Sounds
Sponsors
Jam.dev
One click bug reports devs love. Find out more at jam.dev628: Tending to RSS Feeds, Code Hike’s Fine Markdown, and Cloudflare R2
Show Description
Doc told me to travel but there's COVID on the planes, Dave's got a 2x life update, how often do you manage or prune your RSS feed subscriptions, checking in on Code Hike and their fine grained Markdown approach, JavaScript decorators use case, and using Cloudflare R2 for image storage.
Links
- Noah Kahan - Stick Season on YouTube
- Dave's new dogs from the Discord
- Fine-grained Markdown
- Cloudflare Object Storage
- Uppy
- Netlify Image CDN
Sponsors
Jam.dev
One click bug reports devs love. Find out more at jam.dev627: Getting Comfortable with the Struggle and Vibe Driven Development
Show Description
Chris brings some blog posts to talk about including being comfortable with the struggle of developer life, Cloudflare Workers + monorepos, vibe driven development, and questions about database migrations, and whether we think AI free blogs are going to be a rarity in the future?
Links
- Comfortable with the struggle
- Cloudflare Workers · Cloudflare Workers docs
- Wrangler Cloudflare Workers
- Features • GitHub Actions
- Azure DevOps Services
- Yarn
- Vibe Driven Development
- Active Record Migrations
- Prisma Migrate
Sponsors
626: We Were Wrong and Keep Getting in Trouble
Show Description
Chris has some follow up on blog posts and past podcast episodes to respond to including browsers and browser engines, advertising on the web, magazines, Cara, peak AI slop, and view transitions.
Links
- FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
- kottke.org - home of fine hypertext products
- Daring Fireball
- Cory Doctorow's craphound.com | Cory Doctorow's Literary Works
- Moonbound
- Second Foundation
- Servo Web Rendering Engine
- Ladybird
- Flow Browser
- Learn. Build. Grow. Together.
- Artist Platform
- Tech News
- The Homepage of Dave Rupert
- View Transitions Break
- Misconceptions about view transitions | Blog | Chrome for Developers
Sponsors
625: CarTalk, Ownership of A Book Apart, and URL Shorteners
Show Description
Dave's putting together a platform for his presidential bid and workshops his policies, discussing vehicle options for a family in 2024, Chris and other authors get ownership of their A Book Apart books back, and the ramifications and reasoning behind Google killing a URL shortener.
Links
- Office Space (1999) directed by Mike Judge • Reviews, film + cast • Letterboxd
- 2024 Hyundai IONIQ 5: Electric SUV | Hyundai Canada
- R2 - Rivian
- Bronco® Sport | Build & Price | Shop.ford.ca
- A Book Apart
- Practical SVG by Chris Coyier
- Print-On-Demand
- I’m Mat. I make websites.
- Reacquired.
- Real Life News
- 587: Why Ethan Marcotte Thinks Tech Workers Deserve a Union – ShopTalk
- Google URL Shortener
- Netlify Astro Partnership
Sponsors
ShopTalk Patreon
Support the show and help keep us on the air - AND get access to the super fun d-d-d-d-d-d-d-iscord with other Shopamaniacs.624: Blogging, In App Browsers are Bad, and Teaching CSS from Scratch
Show Description
On this epsiode we're talking about the current state of blogging and social media, the polyfill hack, whether in app browsers should be banned, web components and the difficulty of front end web dev, and how we would go about teaching CSS from scratch in 2024.
Links
- Polyfill Attack Impacts Over 380,000 Hosts, Including Major Companies
- Off The Main Thread podcast
- Web Dev Pitfalls
- State of JavaScript 2023
- Fliteboard eFoil
Sponsors
623: Assigning Weight Dynamically, CoPilot vs Other AI, and Monorepos
Show Description
We're talking about assigning a weight to items in a layout, differentiating between banger posts and regular blog posts, using social engineering to get PR's accepted, monorepo thoughts, using CoPilot vs other AI programming support bots, has TypeScript benefited from AI, and what happens if you turn off CoPilot?
Links
- 614: CSS Grid Level 3 aka Masonry with Adam Argyle – ShopTalk
- 606: Web Sustainability with Michelle Barker – ShopTalk
- Footnotes Progressively Enhanced to Popovers – Frontend Masters Boost
- Charm
- Supermaven
- ThePrimeagen on YouTube
Sponsors
622: Website Rendering, Updating Software, and Edge Gets Faster
Show Description
We're talking website rendering, server side rendering, Astro's server islands, perf hits for navigation elements, updating software because the docs aren't available for older versions, and a new Microsoft Edge was released.
Links
- Scale & Ship Faster with a Composable Web Architecture | Netlify
- Eleventy is a simpler static site generator
- Astro
- Next.js React Framework
- Cloudflare Services
- Internet Power
- Website Improvement
- Server Islands
- Create Web Components
- FAST
- Enhance
- Vue.js Framework
- An even faster Microsoft Edge
Sponsors
621: Setting Up Prettier and Linting, Comparing Colors, and Accessibility Overlays
Show Description
We've got follow up on Cloudflare and Cara from last episode, a question about setting up Prettier and auto linting, a cool tool from a listener on comparing colors, a question about using tooling like Craft or more user friendly apps like Webflow when working with clients, and our takes on accessibility overlays.
Links
- Cloud Application Hosting for Developers | Render
- Prettier · Opinionated Code Formatter
- Biome, toolchain of the web
- Vetur
- Compare colors
- Craft CMS
- Webflow: Create a custom website | Visual website builder
- Accessibility Overlay Decision
Sponsors
620: Cloudflare #HotDrama, Auth, and Prototyping Thoughts
Show Description
We dive a bit deeper into the Cloudflare drama of the past couple of weeks, Instagram ads vs Cara art, what to do about Auth in your app, pre-negging any sponsorships, prototyping and feedback on projects, and ideas for future topics.
Links
- Cloudflare took down our website after trying to force us to pay 120k$ within 24h
- Connect, Protect and Build Everywhere | Cloudflare
- Deploy app servers close to your users · Fly
- A social app for creatives, Cara grew from 40k to 650k users in a week because artists are fed up with Meta’s AI policies
- Cara | Artist Social & Portfolio Platform
- Auth0: Secure access for everyone. But not just anyone.
- WorkOS — Your app, Enterprise Ready.
- Theo - t3․gg
- How Big Things Get Done: The Surprising Factors That Determine the Fate of Every Project, from Home Renovations to Space Exploration and Everything In Between
- The Homer | Simpsons Wiki | Fandom
- A Global Design System | Brad Frost
- FAST
Sponsors
619: Svencodes
Show Description
Sven Neumann aka Sven Codes talks with us about SudokuPad, developing a cross-platform app, integrating new puzzles and features, the benefits of being easy to use, building a community, and monetizing an app while not upsetting your user base.
Guests
Sven Neumann
Guest's Main URL • Guest's Social
Creator of Sven's SudokuPad.
Links
- Solving “The Miracle Sudoku”
- SudokuPad Web App - by SvenCodes.com and Cracking The Cryptic
- Cracking The Cryptic
- svencodes.com
- Sven Codes (@svencodes) / X
- Sven Codes
- Sven Codes | Creating Sudoku Tools | Patreon
- Buy Sven Neumann a Coffee
- Sven's SudokuPad on Steam
- Sven's SudokuPad on the App Store
- Sven's SudokuPad - Apps on Google Play
Sponsors
618: Matt Visiwig on SVGBackgrounds
Show Description
Matt Visiwig stops by to chat with us about his site, SVGBackgrounds.com, a membership site for copy-and-paste website graphics built around SVG. We talk about why he built the site, how he decided to monetize it, competing with AI garbage on the web, pricing membership options, and how he's running the site.
Guests
Matt Visiwig
Guest's Main URL • Guest's Social
Self-employed web designer, building SVGBackgrounds.com.
Links
- Customize and apply backgrounds fast | SVG Backgrounds
- Matt Visiwig
- Matt Visiwig (@MattVisiwig) / X
- Purchase the Perfect MemberPress Plan for Your Site Today | MemberPress
- chroma.js api docs!
- jscolor: JavaScript Color picker with Opacity (alpha channel)
- ACF | Advanced Custom Fields Plugin for WordPress
- Frontend Masters Boost – Helping Your Journey to Senior Developer
Sponsors
617: Economic & AI Vibes with Jason Grigsby
Show Description
We're chatting with Jason Grigsby about what a white-collar recession means, how the sources and methods of consuming news shape our perspectives, whether the current economic conditions represent a market correction and if a rebound is imminent. We explore the critical decision of whether to embrace AI advancements or risk being left behind. We also talk about AI-generated voices, large language models and ethics, and the impact of social media signals in an AI world.
Guests
Jason Grigsby
Guest's Main URL • Guest's Social
Co-Founder of Cloud Four. Author of Progressive Web Apps from A Book Apart.
Links
- An Event Apart - Farewell
- Cloud Four – Responsive web design and development, progressive web apps
- Jason Grigsby – A resurrected blog on the Indie Web
- Jason Grigsby (@grigs) / X
- High-Salary Job Scarcity
- Code Tests
- AI Ethical Framework
- iPhone Personal Voice
- MacWhisper
- Progressive Web Apps
- Decoder
Sponsors
616: Strum Machine with Luke Abbott
Show Description
Luke Abbott is the creator of Strum Machine, an app that simulates backing tracks by stitching together individual notes, chords, and strums recorded on guitar, standup bass, and mandolin. We talk about what Strum Machine does, why he decided to build it, how bringing on a professional designer helped, pricing thoughts, and the "fun" of building a version on iOS.
Guests
Luke Abbott
Guest's Main URL • Guest's Social
Musician and creator of Strum Machine.
Links
- Strum Machine: customizable backing tracks made from real instruments
- Tater Joes Old-Time Musical Mercantile
- Chris Coyier on Strum Machine
- iReal Pro Practice
- PG Music
- SoundJS Library
- Tone.js
- Latest Posts - Page 2
- Apache Cordova
- Extensive Song Catalog
- howler.js
- A Tale of Two Clocks
Sponsors
615: Dave Goes Windows For Real
Show Description
Dave's got job news to share, as well as insight into the process of what applying for a job in tech is like in 2024. We also talk about styling, scoping, positioning, and floating UI.
Links
- Algorithms & Data Structures | Learn Algorithms with TypeScript for Interviews | Frontend Masters
- Information asymmetry
- Fluent 2 Design System
- Font Awesome
- Web Awesome
- Icônes
- Iconify — Search Icons
- Create Floating UI
- User App Tour
Sponsors
614: CSS Grid Level 3 aka Masonry with Adam Argyle
Show Description
Adam Argyle stops by to chat about the conversation that's happening around CSS Grid / Masonry. What do we want? What might Apple's response to Google be? And nitpicking the spec just for fun.
Guests
Adam Argyle
Guest's Main URL • Guest's Social
CSS DevRel Google Chrome, CSSWG member, host on GUIchallenges, co-host: CSSpodcast and BAD at CSSpodcast, maker of VisBug, OpenProps and GradientStyle.
Links
- Gemini - chat to supercharge your ideas
- Invent Masonry Layout
- Feedback on Masonry Layout – Frontend Masters Boost
- Masonry
- CSS Masonry
- What would you call this layout?
- Web Bloat Impact
Sponsors
613: Recording Live Music, WebC, Open Source, & WordPress Studio
Show Description
Chris bought recording gear off an Instagram ad, our thoughts on WebC, CodePen upgrades Yarn, thoughts on the commercial value of open source, Automattic releases an app to install WordPress locally, IBM buys Hashicorp, income tax software, and a hack for getting Safari to respect background colors used in a pseudo selector.
Links
- FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
- 601: Brad Frost on A Global Design System + Frostapalooza – ShopTalk
- Audigo - The pocket-size recording studio
- Final Cut Pro Sync
- iPhone Webcam for Mac
- Acapella PicPlayPost
- Eleventy Generator
- Astro
- Enhance
- Transform Plain Text
- Home page
- Efficient Package Manager
- Explore Coding Ideas
- Code Editor Community
- Node.js Documentary
- Goodbye Atom. Hello Zed.
- Zed is now open source
- Git Branching, Refined
- Design System Tracker
- Local WordPress Development
- Studio by WordPress.com
- WordPress Security & Performance
- Melanie Sumner
- IBM acquires HashiCorp
- TurboTax Deceptive Filing
- TikTok Tax Advice
- Safari Selection Rendering
- Val Town
Sponsors
612: Matt Haughey on a Fantasy Blogging CMS Setup
Show Description
Matt is here to talk about creating the perfect fantasy CMS for blogging, moderating comments at Metafilter, building sane defaults into programs, how difficult the web is, do we want AI in our CMS, and where is content headed on the internet?
Guests
Matthew Haughey
Guest's Main URL • Guest's Social
A writer with over 25 years of experience building products. In that time I've worked as a designer, coder, company founder, and senior writer.
Links
- Matt Haughey
- Blogger.com - Create a unique and beautiful blog easily.
- MetaFilter | Community Weblog
- MovableType.org
- The story of b2, b2evolution and WordPress
- Ghost: The best open source blogging platform
- Micro.blog
- A Whole Lotta Nothing
- Notes from migrating 24 years of blog posts from WordPress to Ghost
- Ideas for my dream blogging CMS
- Embrace the weird
- The newest episode of Search Engine is incredible
- Best printer 2023: just buy this Brother laser printer everyone has, it’s fine - The Verge
Sponsors
611: React! TypeScript! Jobification! Drupal!
Show Description
Dave & Chris and thoughts on career advice that worked 3 years ago but isn't as helpful now, marking tests with ChatGPT, is taking a Drupal job in 2024 a good idea, Chris got #gear sniped, P3 color follow up, the confusing File System APIs, and where did all the lightboxes go?
Links
- chan (@chantastic) / X
- The Texas Tribune
- The Coming Wave Book
- Drupal - Open Source CMS | Drupal.org
- Electric Air Duster - 130000RPM Compressed Air Duster，3 Gear Adjustable Jet Dry Blower can Reusable Can for Computer Keyboard,Outdoors,Car,Home. : Electronics
- xScope • Measure. Inspect. Test.
- The Many, Confusing File System APIs – Cloud Four
Sponsors
610: TypeScript in 2024, Signals, Productivity Sniped, and Follow Up
Show Description
Dave's about to be eclipsed, the state of TypeScript in 2024, signals stage zero proposal, corrections on accessibility in frameworks (thanks!), web apps for better collaborative writing, getting productivity sniped, the problem with email may be you, indieweb follow up, and ultimate guitar tab apps.
Links
- Streamlining APIs, Databases, & Microservices | Apollo GraphQL
- Svelte • Cybernetically enhanced web apps
- Ember.js - A framework for ambitious web developers
- Web Test Runner: Modern Web
- Frontend Masters Boost – Helping Your Journey to Senior Developer
- Notion – The next gen of notes & docs
- Paper
- Stashpad - Your streamlined Google Docs alternative
- ButterDocs | Google Docs Alternative for Serious Writers & Teams
- Things - To-Do List for Mac & iOS
- Godspeed
- Aboard - Collect. Organize. Collaborate.
- Obsidian - Sharpen your thinking
- Analog - The original to-do system by Ugmonk
- CleanShot X for Mac
- IndieWebify.Me - a guide to getting you on the IndieWeb
- ULTIMATE GUITAR TABS
- John Deere commits to letting farmers repair their own tractors (kind of) - The Verge
Sponsors
Radical
Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.609: Blake Watson on Home Cooked Apps
Show Description
What is a home cooked app? Blake Watson is on this episode to talk all about the kinds of apps that make a good home cooked app, tips and advice he has for making them, resisting the urge to monetize or growth hack them, and a few CodePen v2 thoughts sprinkled in at the end.
Guests
Blake Watson
Guest's Main URL • Guest's Social
Currently a member of the frontend dev team at MRI Technologies, working on projects for NASA.
Links
- Watson Brothers Games
- An app can be a home-cooked meal
- blakewatson.com – About
- blakewatson.com – MagnoliaJS 2023: The joys of home-cooked apps
- MRI Technologies
- blakewatson.com – Building our own private Discord knockoff
- blakewatson.com – Things I miss
- blakewatson.com – Use your Mac the way I do: a thought experiment
- Overimagine1/old-discord-font: CSS to revert Discord's font change.
- A Fine Start - minimal new tab page
- Knockout : Home
- Vue.js - The Progressive JavaScript Framework | Vue.js
- The Programming Language Lua
- Save 10% on Thronefall on Steam
- Game Off 2023 - itch.io
Sponsors
608: Can WordPress Kill Your Resume, Fav Parts of Web Dev, Exploring HTMX, and more!
Show Description
We're opening up the ShopTalk mailbag and answering your questions, including does WordPress on your resume kill your job chances, what are our fav and least fav parts of web dev, our thoughts on HTMX, and what is it like to use pnpm instead of npm.
Links
- Front End Happy Hour
- Playdate
- Develop for Playdate
- Nuxt: The Intuitive Vue Framework · Nuxt
- ThePrimeagen
- Fast, disk space efficient package manager | pnpm
- Yarn
Sponsors
Radical Design
Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.607: Astro Launches an Integrated Database
Show Description
Fred K. Schott stops by to talk about Astro announcement of Astro DB. The pluses and minuses of it, and whether you have to always use the database with Astro DB. We get into how to seed your database, upgrading the database, and the almost weirdly generous pricing model.
Guests
Fred K. Schott
Guest's Main URL • Guest's Social
Co-creator of Astro.
Links
- Astro DB: A Deep Dive | Astro
- Astro DB
- Astro DB: A Deep Dive | Astro
- tursodatabase/libsql: libSQL is a fork of SQLite that is both Open Source, and Open Contributions.
- StackBlitz | Instant Dev Environments | Click. Code. Done.
- Schema.org - Schema.org
- Ben Holmes on X: "Astro built a database platform. How does it work?
- Clerk
- Lucia documentation
- PlanetScale forever
- Astro DB Just Released
Sponsors
606: Web Sustainability with Michelle Barker
Show Description
We're talking with Michelle Barker about the idea of paying to support bloggers (and podcasters!) via services like Patreon, drumming as a fun side gig from CSS, how big of an issue digital sustainability is, trying to understand the environmental impact of our websites and digital life, wondering why YouTube embeds are still so large, disabling cookies, and how to build the web in a more sustainable way.
Guests
Michelle Barker
Guest's Main URL • Guest's Social
Senior Front End Developer at Ada Mode, where Michelle works on Windscope, web-based data visualisation and exploration software for wind farm operators.
Michelle also loves playing the drums. Their happy place is where creativity and code intersect
You can also find Michelle writing and speaking about CSS and digital sustainability on the web and around the world.
Links
- Michelle Barker
- Ada Mode
- Windscope
- CSS { In Real Life }
- Michelle Barker (@michelle@front-end.social) - Front-End Social
- Michelle Barker
- Michelle Barker on CodePen
- mbarker84 (Michelle Barker)
- shoptalkshow.com - Website Carbon Calculator
- paulirish/lite-youtube-embed: A faster youtube embed.
Sponsors
Radical Design Course
Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.605: Jim Nielsen on Subversive URLs, Blogging + AI, and Design Engineers
Show Description
Jim Nielsen joins us to about URLs and linking as the new subversive way to maintain the web, paying for news in Canada, should content creators be worried about AI, the case for design engineers, RSS in HTML, and the state of state and UI.
Guests
Jim Nielsen
Guest's Main URL • Guest's Social
Designer. Engineer. Writer.
Links
- About - Jim Nielsen’s Blog
- “Wherever you get your podcasts” is a radical statement - Anil Dash
- The Subversive Hyperlink - Jim Nielsen’s Blog
- More Files Please - Jim Nielsen’s Blog
- Canada to keep pressure on Facebook to pay for news, Trudeau says
- Cite Your Sources, AI - Jim Nielsen’s Blog
- For the first few decades of the web, the tacit agreement wa...
- The Case For Design Engineers, Pt. II - Jim Nielsen’s Blog
- RSS in HTML: A Follow-Up - Jim Nielsen’s Blog
- Style your RSS feed
- UI is a Function of Your Organization - Jim Nielsen’s Blog
- UI daverupert.com
- Notes from “Why Can’t We Make Simple Software?” By Peter van Hardenberg - Jim Nielsen’s Blog
- I Staked Out My Local Domino’s to See Just How Accurate Its Pizza Tracker Is
- The Benevolent Deception: When Should a Doctor Lie to Patients? - The Atlantic
Sponsors
Elicit
Elicit’s goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them!604: VS Code Plugins, Git as a Radical Statement, Tailwind & Arc Drama
Show Description
A follow up on jQuery conversation, Microsoft owning all the things, what VS Code plugins are your ride or die, the ability to Git from wherever you want, Tailwind drama, global design system follow up, Arc Search gets roasted, and Frontend Design Conference is back!
Links
- GitHub - tc39/proposal-type-annotations: ECMAScript proposal for type syntax that is erased - Stage 1
- Chris Coyier on Embracing Technology and the Future of Web Development - Whiskey Web and Whatnot - Episode 131
- Zed
- Dracula Official
- GitLens
- Tower Git Client
- GitHub Desktop
- “Wherever you get your podcasts” is a radical statement - Anil Dash
- Sourcetree
- Tailwind marketing and misinformation engine
- What is Utility-First CSS?: HeydonWorks
- A Global Design System | Brad Frost
- Thoughts on a Global Design System – Chris Coyier
- Arc Search
- Can Apple Win Back Music - Brad Frost
- Carolina Chocolate Drops
- TPAIN - Twitch
- Front-end Design Conference - April 25-26, 2024
Sponsors
Wix
Wix Studio combines pure web design with maximum productivity. Taking the grind out of website creation for professional designers. Use the powerful visual editor, or work online in a VS Code-based IDE, or code locally and push changes via GitHub.603: Deno, React Alternatives, and Copilot Concerns with Triple Threat Josh Collinsworth
Show Description
Josh (or Jsoh) stops by to talk about his work at Deno, recent blog posts on Copilot, why Svelte is awesome and React is not, Apple and PWA, and building word games on the web.
Guests
Josh Collinsworth
Guest's Main URL • Guest's Social
Frontend Engineer at Deno, the maker and designer of the word games Quina, and Hondo.
Links
- Josh Collinsworth
- Deno, the next-generation JavaScript runtime
- Deno Deploy | Deno
- Fresh - The next-gen web framework.
- I worry our Copilot is leaving some passengers behind - Josh Collinsworth blog
- How A Small Team of Developers Created React at Facebook | React.js: The Documentary
- Vite | Next Generation Frontend Tooling
- Screen Recorder for macOS. Beautiful videos in minutes | Screen Studio
- CleanShot X for Mac
- stitchy - crates.io: Rust Package Registry
- Raycast
- Home
- Squoosh
- RunJS - JavaScript Playground
- Quina - Menu
- Hondo - a word game in 100 words or less
- Home / PWABuilder
Sponsors
Join Elicit as a software engineer
Elicit’s goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them!602: What Does Accessibility Really Mean?
Show Description
Voiceover pays us a visit, we talk about what accessibility really means, the difficulty of closing a dialogue element, web components at work, and jQuery 4 is out.
Links
- Opportunities for AI in Accessibility – A List Apart
- the-pastry-box-project.net
- An Alphabet of Accessibility Issues by Anne Gibson
- Alphabet of Accessibility Deck
- Understanding accessibility through ABCs – On the Issues
- Frontend Masters Boost – Helping Your Journey to Senior Developer
- storage-form Web Component - David Darnes
- CodeMirror
- FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
- HTML with Superpowers | HTML with Superpowers
- Learn from Dave Rupert's courses | Frontend Masters
- jQuery
Sponsors
Miro
Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.601: Brad Frost on A Global Design System + Frostapalooza
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?
Guests
Brad Frost
Guest's Main URL • Guest's Social
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?
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!
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
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.
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
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!
Guests
Jen Simmons
Guest'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... 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?
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?
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
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.
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
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.
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
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.
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
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.
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
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.
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
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.
Guests
Miriam Suzanne
Guest's Main URL • Guest's Social
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.com590: Twisting Through Websites
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.
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.com589: CSS Functions, Read It Later, Making Money in Business, and More
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.
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
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.
Guests
Elliott Marquez
Guest's Main URL • Guest's Social
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
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.
Guests
Ethan Marcotte
Guest's Main URL • Guest's Social
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
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.
Guests
Manton Reece
Guest's Main URL • Guest's Social
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
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.
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
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.
Guests
Fred K. Schott
Guest's Main URL • Guest's Social
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
Sponsors
583: Language Models, AI, and Digital Gardens with Maggie Appleton
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?
Guests
Maggie Appleton
Guest's Main URL • Guest's Social
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
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.
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!
581: DevRel, Musical Mics, Social Sharing, and 100 Years of WordPress
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.
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
- 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
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.
Guests
Chen Hui Jing
Guest's Main URL • Guest's Social
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?
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.
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
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?
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
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.
Guests
Shawn Wang
Guest's Main URL • Guest's Social
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”
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.
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?
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?
Links
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
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.
Guests
Eric Meyer
Guest's Main URL • Guest's Social
Estelle Weyl
Guest's Main URL • Guest's Social
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
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?
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
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?
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
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.
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
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?
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
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?
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
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.
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
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?
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.Podcasten ShopTalk är skapad av Chris Coyier & Dave Rupert. Podcastens innehåll och bilderna på den här sidan hämtas med hjälp av det offentliga podcastflödet (RSS).
En liten tjänst av I'm With Friends. Finns även på engelska.