ShopTalk
327 episodes - English - Latest episode: 25 days ago - ★★★★★ - 471 ratingsA podcast about web design and development.
Homepage Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Episodes
509: No Coffee, Inert Follow-up, Dialog Element, JSX in the Browser, and Mexican Travel Tips with Chris
April 04, 2022 09:00 - 56 minutes - 39.2 MBShow Description Dave might try no coffee, Safari inert follow-up, Dialog element, Safari Tech preview with subgrid, can we put JSX in the browser? React 18 has dropped. What about font streaming? Smashing Conf is coming to Austin, and Mexican travel tips with Chris. Listen on Website → Links New features in Safari 15.4 Dialog Element Zach Leatherman Details demo Cloudflare TV Things the CSS Spec Folks Got Right Marko Smashing Conf Austin 2022 Sponsors Notion We’re more than a do...
508: Sold Any Blogs Lately?
March 28, 2022 16:02 - 56 minutes - 38.8 MBShow Description Dave has questions about CSS Tricks sale to Digital Ocean, what's involved in selling a blog in 2022, the tech behind CSS Tricks, liberal coding to accept more than you anticipate, hidden attributes in HTML, and Inert in Safari 15.4. Listen on Website → Links CSS Tricks Joins Digital Ocean CSS Tricks is Joining Digital Ocean Scott Tolinski Chriscoyier.net Codekit Unix Philosphy Hidden is a Lie Zach Leatherman - Add Responsive-Friendly Enhancements to with Dave ...
507: To Do Tree, TypeScript and JavaScript, RSS Favs, PWA-holes, and Sound Notifications
March 21, 2022 09:00 - 55 minutes - 38.4 MBShow Description Do you even metaverse? Dave's got GitHub issues, building in 3D for the web, and should you always write in plain text files? Listen on Website → Links To Do Tree The Verge Shackleton’s lost ship is found in Antarctica Lord Voldemort laughing in different languages Ezra Klein Interviews Ted Chiang Spline.design AFrame Derek Sivers: Write plain text files Obsidian Sixcolors Sponsors Notion The operating system for org-wide alignment. Connect every department’s...
506: 15m vs 30 Day Fix, Using Prisma, Infrastructure as Code, and Kirby CMS
March 14, 2022 10:30 - 48 minutes - 33.2 MBShow Description We're talking Dave's 15m fix vs 30 day fix article, experiences with Prisma and Terraform, Edge becoming more popular than Safari, microbetting, and Kirby CMS. Listen on Website → Links 15 Minute Fix vs 30 Day Fix GraphQL BoringTechnology Strapi Prisma Terraform Netlify Serverless Pulumi Kirby Sponsors ImageEngine image CDN Is your website running slow? Taking forever to load images? This has a negative impact on sales conversions, bounce rates, and SEO. Fixing...
505: Passing Props, Node Shipped Fetch, Digital Rot, and Making CodePen a PWA?
March 07, 2022 14:02 - 52 minutes - 36.1 MBShow Description A bit of follow up from last episode on passing props, Node shipped fetch, intentional digital rot on the web, and how hard could it be to make CodePen a PWA? Listen on Website → Links @heyAustinGil HeyAustinGil on Twitch Open UI Spacebook VitePress Wolvic Ava JS Figma Sponsors Notion Team up without the chaos. Connect your teams, projects, and docs in Notion — so you can bust silos and move as one. Never ask “What’s the context?” again. Stale wikis aren't help...
504: Rich Harris on Blogging, App Icons, Color, and Images
February 28, 2022 14:02 - 1 hour - 47.2 MBRich Harris stops by to talk about blogging, writing a book on app icons, how he archives his part of the web, whether browsers are evergreen, future vs backwards proofing, color, and images on the web.
504: Jim Nielsen Blogging, App Icons, Color, and Images
February 28, 2022 14:02 - 1 hour - 47.2 MBShow Description Jim Nielsen stops by to talk about blogging, writing a book on app icons, how he archives his part of the web, whether browsers are evergreen, future vs backwards proofing, color, and images on the web. Listen on Website → Guests Jim Nielsen Guest's Main URL • Guest's Twitter dad. designer. developer. donuts. running @icongalleries Links Postlight Podcast with Jim Nielsen and Michael Flarup Metalsmith macOS Icon Gallery iOS Icon Gallery watchOS Icon Gallery The ...
503: Pull Request Issues, Checking in Node Dependencies, Nuxt and PropTypes, and Less Decomposing
February 21, 2022 15:37 - 54 minutes - 37.4 MBShow Description We check in with Pull Request Issues guy, should you check in Node dependencies, how to pick technology to learn, and what does Nuxt or Vue do for PropTypes? Listen on Website → Links PR Guy’s Tweet Check In Your Node Dependencies Petite Vue Web Dev Learn Wes Bos Courses Redwood Vue Mastering Nuxt Sponsors Axe-Con 2022 From our friends at Deque, makers of the axe DevTools browser extension, comes a virtual conference welcoming developers to learn about building,...
502: Text Select in Notion, Safari Hot Drama, Writing in VS Code, and Other Browsers on Mobile Safari
February 14, 2022 14:01 - 53 minutes - 37.1 MBShow Description We're talking Safari drama, wondering why Apple won't support other browsers on mobile, some solutions to writing in VS Code, and solving problems in isolation. Listen on Website → Links Grammarly Write Good Linter Error Lens Nuxt CMS Template Hylia Eleventy template Before I go: When it comes to complaining about web browsers Everything is Figureoutable Sponsors Notion The operating system for org-wide alignment. Connect every department’s docs, wikis, and proj...
501: Cyber Pink, Configuration Based UIs, Deleting Twitter for Time, and Lurking in Discords
February 07, 2022 18:33 - 59 minutes - 40.8 MBShow Description We're comparing our outfits, deleting Twitter, and lurking in Discords. And wondering about how much customization you should have over an app's UI? Do you expect it? Should it be driven by data instead of hand-coded markup? Is taking ownership of Babel transform a smart thing to do? What are design tokens, really? And how do we get to cyber pink? Listen on Website → Links Postlight Podcast MDN CanIUse “Evergreen” Does Not Mean Immediately Available Jina Anne Sponso...
500: Front-End Web Professionals Excited to Talk Front-End Web Design And All It’s High Dramatic Fashions
January 31, 2022 13:00 - 53 minutes - 37.2 MBShow Description We're celebrating episode 500 by looking back at the previous eras of ShopTalk Show including why we started the show, how it's changed over the years, and how the tech and our lives have changed as well. Listen on Website → Links Dan Cederholm ShopTalk Show mantra ShopTalk Show FAQ Ep199: A Look Back Special: One on One with a Hacker Ep488: Follow Up with a Hacker Ep166: A Conversation with Paul Irish’s mom Ep181: The Cathedral and the Bazaar Ep265: On Podcastin...
499: Melanie Sumner on Ember, Accessibility, and the Web
January 24, 2022 14:00 - 42.4 MBShow Description Long time listener, first time guest Melanie Sumner joins us to chat about her work on Ember, enterprise work, the importance of accessibility, and the web. Listen on Website → Guests Melanie Sumner Guest's Main URL • Guest's Twitter Design Systems Engineer @HashiCorp, @emberjs framework core team. US Navy Veteran. Board Member @vetswhocode. Gaming is @msumgames. Links Ember Mel on GitHub HashiCorp Amazon Style Dictionary Sponsors Jetpack Jetpack’s performance f...
498: Prepping for 500, Git Journey, Git Hooks, Parcel CSS, and some Healthy Picks
January 17, 2022 14:00 - 1 hour - 42 MBShow Description Chris and Dave are speaking at An Event Apart Seattle - you should come! We've got some COVID updates, Chris' Git journey, issues with Git Hooks, Commit Lint, take a look at Parcel CSS, and pick some fav things. Listen on Website → Links An Event Apart Seattle 2022 Git Tower VS Code Command Line GitHub Desktop app Gitlens Commit Lint Git Switch Oh Shit Git Cleanshot Dropbox Paper Parcel Vitejs Parcel CSS Return of the Obra Dinn Foundation on Apple TV Yello...
497: The State of Native Apps and Web Apps in 2022 with Thomas Steiner
January 10, 2022 13:55 - 1 hour - 49.7 MBShow Description We're talking with Thomas Steiner of Google's Project Fugu about native apps or web apps. What is Project Fugu? Hardware limitations or requirements for using game controllers on the web. Working with new hardware API's. Reasons to choose a native app. As well as Thomas' SVG web app he's built. Listen on Website → Guests Thomas Steiner Guest's Main URL • Guest's Twitter Developer Relations Engineer at @Google, focused on the Web and Project Fugu. Links Project Fugu ...
496: 2022 Predictions
January 03, 2022 15:15 - 48 minutes - 33.4 MBShow Description We're talking about our predictions for web tech in 2022: Container queries, web3, React, HTML elements, CSS compatibility, utility frameworks, designer and developer tooling, multiple frameworks, and more episodes of ShopTalk Show! Listen on Website → Links Dave Rupert’s bookshelf Wes Bos 2022 wrap up tweet State of CSS 2021 Asana Web3isGoingGreat.com Slinkity Astro State of Jamstack Solidjs Lit Element Qwik Open Props Backlight Knapsack Sponsors Netlify ...
495: Snow Blower Won’t Start, CSS Resets, Nuking Margin, Making Your Website Better, Testing on a Craptop
December 27, 2021 14:01 - 43 minutes - 30.4 MBShow Description Chris can't remember how to get his snow blower working, and Dave can't remember how to use Docker. We're also talking CSS Reset, nuking margin, one thing you can do to make your website better, getting rid of 3rd party Javascript, testing your product on a craptop, and defensive CSS. Listen on Website → Links Prisma Docker Eric Meyer CSS Reset Elad Shecter CSS Reset Josh W Comeau CSS Reset Normalize CSS Tricks: 2021 Year End Thoughts Test Your Product on a Crappy...
494: WYSIWYG Follow Up, Open Source Maintenance, Micro-Frontends, and Fleet vs GitHub Copilot vs VS Code
December 20, 2021 14:00 - 1 hour - 45.7 MBShow Description Dave's got some WYSIWYG follow up, thoughts on maintaining open source projects, what role do you assign clients in WordPress, what are micro-frontends, using HTML to author web components, an update on Coil, and Fleet vs GitHub Copilot vs VS Code. Listen on Website → Links Tiptap Sentry’s The Future of Open Source Zach Leatherman What Is Open Source & Why Do I Feel So Guilty? DaveRupert: Sustaining Maintaining Buddypress Astro Why don’t we use HTML to author web ...
493: TikTok, Accessibility Follow Up, Dave’s WYSIWYG Journey, Scaffolding Components, and All Unset
December 13, 2021 14:20 - 54 minutes - 37.4 MBShow Description Chris has questions about TikTok (bing bong!), a bit of FU on why accessibility isn't treated as a first class citizen, Dave tries to find a good WYSIWYG editor, why does a repo get so many stars, and should you use all: unset on individual entities to clean things up? Listen on Website → Links 5 Most Annoying Features I Face as a Blind Web User CodeMirror JAWS Parallels EditorJS Quill Vite Web Editing Working Group How To Maintain A Large Next.js Application Hy...
492: Paravel’s Building an App – What’s the Tech Stack? Also: Bun.sh, Vue, Slinkity, and Quantity Leading to Quality
December 06, 2021 13:10 - 1 hour - 42.8 MBShow Description What's the tech stack Paravel's using to build their app? A conversation on AdonisJS, NuxtJS on Vite, side projects in Vue, checking out Bun.sh, Slinkity and Eleventy, and working on quantity to get to quality. Listen on Website → Links Prisma Redwood Nuxt.js Mongo Docker Digital Ocean AdonisJS Vite Astro Serverless CSS Tricks Bun.sh Skypack Snowpack Eleventy Slinkity Understanding Comics The Design of Everyday Things Austin Leon: Quantity leads to quali...
491: YouTube Benders, CSS Performance, Learning New CSS in 2022, Building a Great Embed, and Creating Slides
November 29, 2021 16:20 - 55 minutes - 38.6 MBShow Description Dave and Chris are on podcast and YouTube benders, talking CSS performance, CSS contain: Strict, what's new in CSS, how to build a great embed, one thing to make websites better in 2022, dealing with dogma in community, creating great slide decks, and #juicegate. Listen on Website → Links Cadhub.xyz Eleventy Keynote Slides Sli.dev Figma Sponsors Shortcut (formerly Clubhouse.io) Your project management tool should be a breeze to setup, at least mildly enjoyable to ...
490: Web3, Cryptobucks, HTML is Ok, Tailwind Tokens, and Getting Excited About CSS
November 22, 2021 15:21 - 56 minutes - 39 MBShow Description How good is web3 really? And is there money to be made without destroying the environment? Is HTML good enough for the future? And what are we excited about in new stuff for CSS? Listen on Website → Links Uphold Coinbase Coil Robin Sloan: Notes on Web3 Use Alpha Transparency on Any Color in CSS with a (tiny) Paint Worklet Sponsors Notion For companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and brin...
489: Landing Web Clients, Native App vs Web App, and Dave Wants LinkedIn Friends
November 15, 2021 14:10 - 53 minutes - 37 MBWhat's needed to start a tech business in 2021? Is VS Code on the web usable? Why would you choose a native app over a web app in 2021? And be sure to follow Dave on LinkedIn.
488: Sportsball Moments, WordPress Block Editor, WYSIWYG Editors, Cloning Notion, and How to Focus on Accessibility
November 08, 2021 14:00 - 1 hour - 44.6 MBShow DescriptionSupporting local sports teams, thoughts on WordPress' full site block editor, advice on convincing clients to move away from WordPress, modern WYSIWYG editors, Microsoft and cloning Notion, an update on Chris' hacker, and what will it take for devs to “focus” on accessibility? Listen on Website →Links Notion Obsidian Advanced Custom Fields Pell TinyMCE […]
487: Chaos Monkeys, Images Missing at ISP Level, Modern Image Handling, The Manager’s Path
November 01, 2021 18:10 - 1 hour - 43.1 MBParenting life update, redundancy for leaves, using a chaos monkey, images not showing up based on ISP, modern image handling workflow options, and discussing The Manager's Path.
486: Keeping Up the New Web Things, Dealing with Spicy Sections, a Cloudinary Follow-Up, and some Apple Problems Persist
October 25, 2021 13:00 - 1 hour - 41.6 MBIt's difficult enough to keep up with new web things, even when it's your job. How do Chris & Dave do it? Dave's blogging on spicy sections, Chris' Cloudinary issues are resolved, and there's some Apple problems to deal with.
485: Building Websites Now vs 1996, Vue 3, Picking a CMS, and Writing a Book with URLs
October 18, 2021 13:00 - 58 minutes - 40.3 MBIs it harder to make a website in 2021 than in 1996? Are site building tools making life easier? Does Dave use scoped styles in Vue? How could Vue help with design systems? And Chris tries making a CSS Tricks book on the web, while Dave is workshopping a web components talk.
484: Cloudflare, Lying to the Browser, Cloudinary Issues, Vue 2 to Vue 3, and Font Icons
October 11, 2021 13:45 - 1 hour - 57 MBWe're talking about Cloudflare product updates, whether you should lie to the browser about image size, Chris is having Cloudinary issues, Dave's answering questions about upgrading from Vue 2 to Vue 3, a question about Font Awesome icons, and what's the deal with Webhint?
483: Q&A on XState, Getting Comfortable with JavaScript, Managing WordPress Sites, and Background Images in CSS
October 04, 2021 13:00 - 57 minutes - 52.7 MBAs Chris says, we're back to the meat 'n potatoes of ShopTalk with a Q&A episode including: XState thoughts, getting comfortable with JavaScript, tips on managing several WordPress sites, the best method to schedule high latency tasks with Node.js, a strategy for background images in CSS, and dealing with landing pages and subpages.
482: Asset Pipeline Issues, Google ZX, Crazy CSS, and a New CSS Reset
September 27, 2021 12:48 - 58 minutes - 40.6 MBJoin us on YouTube 3x a week for more ShopTalk fun. This episode: How would you build with maximum user growth in mind? Asset pipeline issues, self provisioning runtime, Google ZX, and crazy new CSS.
481: Frontend Feud: ShopTalk vs Syntax
September 20, 2021 13:25 - 52 minutes - 24.2 MBCrossover! Your favorite web dev podcasts join forces for a super collab that’ll knock you frontend off! Amelia joins Chris Coyier and Dave Rupert from ShopTalk Show while Divya teams up with Wes Bos & Scott Tolinski from Syntax. Let the FEUDing begin!
480: Pushing Users to the App, Browser Feature List, Notion Fun, and The Surprise Chain
September 13, 2021 13:57 - 1 hour - 27.9 MBDoes forcing users from the website to the app make the web devs feel sad? How do browser devs decide what to add? Having fun with Notion, custom media queries, and Dave's epic Surprise Chain blog post.
479: Using VS Code, Import Ordering, Chrome API Eye Dropper, and YouTube Tease?
September 06, 2021 13:20 - 48 minutes - 22.3 MBA bit of follow up from the last episode, getting your team on to the same tooling - and cool things in VS Code, import ordering, the new Chrome API eye dropper, and some YouTube thoughts and ideas.
478: Google Changing Titles, jQuery + Chris’ Birthday, Kissing Content, and Word Break Break Word
August 30, 2021 13:13 - 54 minutes - 25.4 MBGoogle is changing page title in search results, celebrating jQuery + Chris' birthday, content that gets too close and kisses, dealing with website sandwiches, using word break break word, and abuse of alerts on the web.
477: Native CSS Module Scripts, Container Queries, and Writing Scoped CSS
August 23, 2021 15:45 - 58 minutes - 26.9 MBWe're talking about CSS Module scripts, container query issues, wondering about writing scoped CSS, Tailwind, and custom property gotcha's.
476: #HotDrama Mug, #HotDrama Safari, #HotDrama Chrome, and the WordPress Build Process
August 16, 2021 13:13 - 52 minutes - 24.1 MBWe've got a new ShopTalk Show mug you can order, Safari and Chrome #HotDrama to discuss, what is the modern WordPress build process like, and what's the state of your local bowling alley or pickleball website?
475: Ben Hong’s Views on Vue, VuePress, Nuxt, Petite Vue, Shopify + Netlify, and Static Hosting
August 09, 2021 17:44 - 53 minutes - 24.8 MBBen Hong talks with us about Vue 2 vs Vue 3, Nuxt, VuePress, GridSome, Petite Vue, Headless Shopify + Netlify, is static hosting the right term these days, and what's up with Nuxt 3?
474: Tech Conferences, Dev on Windows, and CSS for Displaying Random Images
August 02, 2021 13:00 - 59 minutes - 27.3 MBThe D-d-d-d-discord's got threads! Are conferences a thing we're ready for? How was Dave's experience working on a Windows PC? Help Dave figure out his monitor issue on Mac. Are people writing websites without a build step? And what is a good CSS technique for displaying images that could be either horizontal or vertical?
473: Brad and Ian Frost – From Meteorologist to Web Developer
July 26, 2021 12:43 - 1 hour - 27.7 MBWe're chatting with Ian Frost who swapped out his meteorologist career to become a web developer alongside his brother Brad Frost. We talk about getting started learning HTML / CSS, and then Javscript, writing code as a team, navigating the front and back end in 2021, dictating tech stacks to clients, and dealing with turnover and tech changes with clients.
472: Good Meetings. Is This Data? Front End vs Back End.
July 19, 2021 13:23 - 52 minutes - 24.3 MBSarah Drasner's got a new book and we talk about her article on good meetings. Are front end problems more difficult than back end problems? GitHub's got an upgrade issues feature. How would you design a database for a new project? And where and what is data in 2021?
471: Perf as a Job, Riverside vs Streamyard, Frontend Being Consumed, and How Much to Bill Clients
July 12, 2021 13:00 - 45 minutes - 21.2 MBCan doing performance audits be a career in 2021? Comparing streaming and recording with Riverside and Streamyard. Is the front of the frontend being consumed by automation? Struggles in hiring and putting together resumes. And how much should freelancers bill clients for their own education and learning?
470: Slap a WAAPI, Explaining the Shadow DOM, LayoutNG, iFrames, the Web Animation API
July 05, 2021 13:00 - 55 minutes - 25.8 MBDo you drive or fly in 2021? How do you explain the Shadow DOM? What's LayoutNG? How do iFrames and Accessibility work out? Should we be using CSS Prefers Reduced Motion? And what's up with the Web Animation API?
469: Syntax Crossover with Wes Bos and Scott Tolinski
June 28, 2021 13:00 - 1 hour - 29.8 MBWe're joined by Wes Bos and Scott Tolinski from Syntax.fm and chat about the fun of developing, SvelteKit, what tools Scott and Wes reach for when building a website, the WordPress developer experience, and some sick picks!
468: Is Sass Still Cool? Animation vs Transition, Animated Tables, and Dark Mode in Email
June 21, 2021 13:00 - 56 minutes - 26.2 MBLet's talk Sass, nesting, animation vs transition, animated tables, scroll snap points, progress meters, viewing emails in dark mode, and coded prototypes.
467: New Frameworks, Astro, New React, and WWDC 21 Thoughts
June 14, 2021 13:02 - 58 minutes - 26.9 MBWhere are my paaaants? What to do with new frameworks? What to do with new React? Building in Astro. And WWDC 2021 reactions.
466: Tabs In Component Libraries, Grouping @media Queries, and When is Software Finished?
June 07, 2021 13:02 - 57 minutes - 26.4 MBWhat's the best way to include tabs as part of a component library? D-d-d-discord update on Alex's CSS-Trickz clone. Do you group your @media query items together or spread them around? And is software ever truly finished?
465: Linters, Delivering HTML in a Single File, Specialist or Generalist, and Social Image Previews
May 31, 2021 16:45 - 1 hour - 27.9 MBWe're talking about linters, should we deliver single file HTML? Should you focus on a specific tool or be more general? And we revisit social image previews.
464: Jamstack & New Netlify Features with Jason Lengstorf & Phil Hawksworth
May 24, 2021 12:00 - 59 minutes - 27.3 MBJason Lengstorf and Phil Hawksworth chat about the current state of the Jamstack including React + Jamstack, Distributed Persistent Rendering, building for ease of use, dealing with minor changes and caching, whether Jamstack needs to do all things, and a big new Netlify features announced!
463: Choose Build Tools, Social Media Images, Border Radius Clipping, and Debugging Safari in Windows
May 17, 2021 13:03 - 1 hour - 30.4 MBCamera and gear for your desk talk, and answering your questions about build tools, programatically creating social media images, border radius clipping of parents, debugging Safari on Windows, the state of Drupal in 2021, and using code blocks in WordPress.
462: ShopTalk Show Live at AEA – The Web is Good, the Web is Bad
May 10, 2021 13:42 - 1 hour - 59.3 MBDave and Chris talked at An Event Apart Spring Summit 2021 on the good and bad of the web. They talked about CSS, framework knowledge, more CSS, PWA's for projects, service workers, the language of tooling, and web performance.
461: Dave Fired Everyone, WordPress Audio Player, Shared Element Transitions, and Fonts!
May 03, 2021 13:02 - 57 minutes - 26.6 MBDave's base got camped and Chris tried to improve the WordPress audio player. Also discussed: shared element transitions, Turbo, Astro, typography and fonts, and just simply blogging.