Surma and Jake talk about whatever's going on in the world of tech & web development.
…
continue reading
Jake Archibald Podcasts
A podcast about web design and development.
…
continue reading
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
…
continue reading

1
678: AI Hype, Browser Journey, and Content Creation Incentives
54:58
54:58
Play later
Play later
Lists
Like
Liked
54:58Show Description Identifying where we are in the AI hype cycle, a quick #davegoeshairy update, what has been the impact of AI on tech creators, Chris is making his own CSS starter on stream, and Item flow / masonry discussions. Listen on Website → Links Introducing GPT-5 - YouTube Simon Willison on ai Orion Browser by Kagi VisBug Chrome Canary Feat…
…
continue reading

1
677: Background Code Agents, Append AI, and RSS Starter Packs
1:02:02
1:02:02
Play later
Play later
Lists
Like
Liked
1:02:02Show Description What helps you remember a person's name, thinking about background coding agents, is AI for append only mode, what are MCPs and how should I think about them, what has been working for more than a month not just the last two days, and coming up with an RSS starter pack riffing off Molly White's article on using RSS. Listen on Websi…
…
continue reading

1
676: The $200 Upgrade, CSS Module Scripts, and Social Media Ethos
1:00:07
1:00:07
Play later
Play later
Lists
Like
Liked
1:00:07Show Description It's time for a ShopTalk GearTalk segment on video and audio upgrades, a chat about better YouTube thumbnails, buying the $200 Yamaha guitar (or equivalent in other areas of life), Chris and Dave riff on CSS modules, and what's your social media ethos in 2025? Listen on Website → Links how to make a killer thumbnail (for the 2025 a…
…
continue reading

1
675: Building Hot Page with Tim Farnam
1:03:59
1:03:59
Play later
Play later
Lists
Like
Liked
1:03:59Show Description Tim Farnam stops by to talk with Chris and Dave about his new project, Hot Page, and why and how he started building it after working in print and web news. (20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME) Listen on Website → Guests Tim Farnam Guest's Main URL • Guest's Social Creative coder based in Mexico C…
…
continue reading

1
674: Context in Console, CodePen’s New Editor, and Looking for a New Arc
1:01:39
1:01:39
Play later
Play later
Lists
Like
Liked
1:01:39Show Description Dave's coming in hot from vacation, how CodePen's new editor imports packages, should CodePen fix your code if you forgot something, the struggle to get the right context in the console, Chris is still shopping for an Arc replacement, and the struggles with inspiration driven engineering. (20% discount code for the Design Tokens Co…
…
continue reading

1
673: Live-streaming Demos, CSS Animation Composition, and Anchor Position
59:14
59:14
Play later
Play later
Lists
Like
Liked
59:14Show Description Chris and Dave chat about whether you should wing it or script your videos, unplanned demos versus the safety net of edited videos, streaming software with Ecamm Live vs OBS vs Streamlabs, new CSS animation composition, and anchor positioning thoughts. (20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME) Listen o…
…
continue reading

1
672: Design Tokens, Web Compents, and Web Monetization
51:30
51:30
Play later
Play later
Lists
Like
Liked
51:30Show Description We're all addicted to Clues by Sam and wonder about the data structure for the site, good thoughts on the design tokens community, shadow DOM, the state of web components in mid-2025, dealing with JSON, and new ideas around web monetization. (20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME) Listen on Website →…
…
continue reading

1
671: Naming Consistency, HTML Includes, and Mixins
1:05:28
1:05:28
Play later
Play later
Lists
Like
Liked
1:05:28Show Description Chris reflects on CSS Day in Amsterdam, allowing languages to grow with nonstandard elements, naming things continues to be hard, shapes are going to get weird on the web, HTML includes get stirred up, thoughts on CSS mixins, and Dave's blogging about resizing text fun. Listen on Website → Links Understanding CSS corner-shape and t…
…
continue reading

1
670: Brad and Ian Frost on Their New Design Tokens Course
1:08:26
1:08:26
Play later
Play later
Lists
Like
Liked
1:08:26Show Description Brad and Ian stop by to chat about their new course, The Complete Guide to Design Tokens, what happens if you don't use design tokens on projects, what the ideal outcome is for building and designing with design tokens, how many colors is enough, what about refactoring, and does Figma or code win the argument? (Brad and Ian did giv…
…
continue reading

1
669: Peter Pistorius on Developing RedwoodSDK
1:07:06
1:07:06
Play later
Play later
Lists
Like
Liked
1:07:06Show Description We're chatting with Peter Pistorius about the change they made from RedwoodJS to RedwoodSDK, how it's going to handle routing, some new marketing ideas for RedwoodSDK, how RedwoodSDK's principles are informed by where Peter's from, choosing to go all in on Cloudflare, how the community has responded, and plans for monetization. Lis…
…
continue reading

1
668: Jake Archibald on Native HTML Includes
1:05:24
1:05:24
Play later
Play later
Lists
Like
Liked
1:05:24Show Description Jake Archibald joins us to discuss HTML includes, potential solutions, and the implications of introducing such a feature. We talk about security concerns, performance implications, and community feedback regarding HTML imports. Listen on Website → Guests Jake Archibald Guest's Main URL • Guest's Social Engineer at Shopify. Once sw…
…
continue reading

1
667: Jen Simmons on Declarative Web Push, Form Control Styling, & More
1:07:02
1:07:02
Play later
Play later
Lists
Like
Liked
1:07:02Show Description Jen Simmons stops by to talk about new CSS and Safari features like Form Control Styling, Declarative Web Push, Typography, contrast-color(), and more. Listen on Website → Guests Jen Simmons Guest's Main URL • Guest's Social Safari & WebKit Evangelist. Member of the CSS Working Group. Webmaster since 1996. Links webkit.org Safari R…
…
continue reading

1
666: What Are the Evils of the Web Platform?
1:02:12
1:02:12
Play later
Play later
Lists
Like
Liked
1:02:12Show 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. Listen on Website → Links Markup from hell - HTMHell Incomplete List of Mis…
…
continue reading

1
665: JavaScript Educator and Twitch Streamer Mat Marquis
1:01:18
1:01:18
Play later
Play later
Lists
Like
Liked
1:01:18Show 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. Listen on Website → Guests Mat Marquis Guest's Main UR…
…
continue reading

1
664: Figma Sites, CSS Carousels, and Internship Prep
1:05:29
1:05:29
Play later
Play later
Lists
Like
Liked
1:05:29Show 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? Listen on Website → Links Windsurf (formerly Codeium) - The most powerful AI Code Editor Figma Sites Figma Make …
…
continue reading

1
663: HBD Dave, Silly Web Fun, Color-Mix Tips
1:00:32
1:00:32
Play later
Play later
Lists
Like
Liked
1:00:32Show 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. Listen on Website → Links The Adventure Zone | Maximum Fun Don't let your voice be flattene…
…
continue reading

1
662: Alternative Browsers, Discord vs Circle, and AI in the Browser
1:03:00
1:03:00
Play later
Play later
Lists
Like
Liked
1:03:00Show 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. Listen on Website → Links Newfangled Browser Alternatives – Frontend Masters Blog Zen Browser Horse Browser…
…
continue reading

1
661: Working Vacations, Ripping Out JavaScript, and Non-US Cloud Service Options
58:56
58:56
Play later
Play later
Lists
Like
Liked
58:56Show 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. Listen on Website → Links European Alternatives A la…
…
continue reading

1
660: Teaching CSS, Conferences, and Masonry Updates
58:48
58:48
Play later
Play later
Lists
Like
Liked
58:48Show 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. Listen on Website → Links The Homebrewery - NaturalCrit SmashingConf in-person Conferences 2025 — Friendly, inclu…
…
continue reading

1
659: CSS Carousel Configurator Demos with Adam Argyle
1:10:29
1:10:29
Play later
Play later
Lists
Like
Liked
1:10:29Show 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. Listen on Website → Guests Adam Argyle Guest's Main URL • Guest's Social CSS at Google. Links Chrome Canary Fea…
…
continue reading

1
658: Andy Bell on Working with Clients, Writing, and Building Courses for Web Builders
1:02:22
1:02:22
Play later
Play later
Lists
Like
Liked
1:02:22Show 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…
…
continue reading

1
657: David Darnes on Web Components and Design Systems
1:04:51
1:04:51
Play later
Play later
Lists
Like
Liked
1:04:51Show 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. Listen on Website → Guests David Darnes Gues…
…
continue reading

1
656: Onboarding Woes, Coloring Links, and AI Slop Theories
55:21
55:21
Play later
Play later
Lists
Like
Liked
55:21Show 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). Listen on …
…
continue reading

1
655: Conspiracy Theory Theories, View Transitions vs CSS Animations, and Autocomplete
45:50
45:50
Play later
Play later
Lists
Like
Liked
45:50Show 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. Listen on Website → Links SubwayTakes (@subwaytakes…
…
continue reading

1
654: UI + State, AI Missing Context But Adds Browsers, and Scalability on the Web
56:34
56:34
Play later
Play later
Lists
Like
Liked
56:34Show 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? Listen on Website → Links Dribbble - Discover the World’s Top Designers & Cre…
…
continue reading

1
653: Interop 2025, Attributes, and Black Boxes of AI
58:34
58:34
Play later
Play later
Lists
Like
Liked
58:34Show 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. Listen on Website → Links interop/2025/README CSS Day 2025, 5th & 6th of…
…
continue reading

1
652: Talking to Bots, Building Browser Games, and Political LLMs
1:02:53
1:02:53
Play later
Play later
Lists
Like
Liked
1:02:53Show 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? Listen on Website → Links PixiJS: The HTML5 Creation Engine Unreal Engine: Powerful Real-Time…
…
continue reading

1
651: Jason Lengstorf on CodeTV.dev, DevRel Panic, and Spicy Gear
56:58
56:58
Play later
Play later
Lists
Like
Liked
56:58Show 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. Listen on Website → Guests Jason Lengstorf Guest's Main URL • Guest's Social Jason Leng…
…
continue reading

1
650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS Code
1:04:46
1:04:46
Play later
Play later
Lists
Like
Liked
1:04:46Show 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. Listen on Website → Links Web Awesome Layout Anatomy Bala…
…
continue reading

1
649: Chrome 133, Attribute Update, and Standardized Async CSS
59:33
59:33
Play later
Play later
Lists
Like
Liked
59:33Show 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. Listen on Website → Links This Aged Great! Faking William Morris, Generative Forgery, and the Erosion of Art History HTML Pro…
…
continue reading
Show Description Hard hitting investigative journalism episode warning: Chris and Dave speculate on the ways a project like void(0) could make money. Listen on Website → Links Biome, toolchain of the web Vite | Next Generation Frontend Tooling Rollup Rolldown Jest Vitest | Next Generation testing framework Playwright Cypress VoidZero | Next Generat…
…
continue reading
In this episode, Jake goes through some of the newer features of the View Transition API, along with some vaguer ideas that are planned for the future. Resources General view transitions docs Custom entry and exit transitions hasUAVisualTransition so you know when the UA has done its own transition view-transition-class view-transition-types Cross-…
…
continue reading

1
647: Slash Pages vs Wikis vs Posts, RSS, Living with an ADHD Diagnosis, and M4 Upgrades
53:09
53:09
Play later
Play later
Lists
Like
Liked
53:09Show 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, Chri…
…
continue reading

1
TC39 Roundup Drama Edition Part II: JS0 and JSSugar
31:42
31:42
Play later
Play later
Lists
Like
Liked
31:42In this episode, Surma talks about a presenation-maybe-soon-to-be-a-proposal "JS0", which explores the idea of splitting JavaScript into two specifications: JS0, focusing on security, performance and capabilties, implemented by engines; and JSSugar, focussing on developer productivity and syntactic sugar features implemented by build tools. Notes &…
…
continue reading
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. Listen on Website → Guests Alex …
…
continue reading
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! Listen on Website → Links CSS Wrapped 2024 Introducing TODS – a typographic and OpenType default stylesheet | Clagnut …
…
continue reading

1
TC39 Roundup Drama Edition Part I: Shared Structs
30:47
30:47
Play later
Play later
Lists
Like
Liked
30:47In this episode, Surma talks about the Stage 2 proposal "JavaScript Struct", which introduces fixed-layout objects and the ability to share them between realms. Notes & Corrections from Shu: Surma was slightly wrong about why private fields were originally considered problematic for sharability. The problem occurs when a class can be evaluated mult…
…
continue reading
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. Listen on Website → Links The and elements are getting an upgrade - Stephanie Stimac's Blog Request for developer fee…
…
continue reading

1
643: Social Capital, Easter Eggs in Apps, & CSS Parts
1:02:00
1:02:00
Play later
Play later
Lists
Like
Liked
1:02:00Show 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. Listen on Website → Links How to Spatchcock Chicken, a Step-by-Step Guide Half…
…
continue reading

1
642: Chris Person on Forums, Reddit, and Cooperative Reporting
1:04:16
1:04:16
Play later
Play later
Lists
Like
Liked
1:04:16Show 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. Listen on Website → Guests Chris …
…
continue reading

1
641: Passkey Usage, Writing Code with a Bot, and What’s Up With Java?
58:33
58:33
Play later
Play later
Lists
Like
Liked
58:33Show 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? Listen on Website → Links Auth0: Se…
…
continue reading
After talking about Bazel in one of our previous episodes, we are now looking at Nix, a build system that has been getting increasing attention lately. Resources: OTMT Bazel episode Surma's video on Nix Eelco Dolstra's PhD Thesis Nix & NixOS A branch of Squoosh using Nix Nixpkgs manual Comparison of size and freshness of different package managers …
…
continue reading

1
639: DX, JSON, XML, HTML, and Databases! Oh My!
56:18
56:18
Play later
Play later
Lists
Like
Liked
56:18Show 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? Listen on Website → Links Web Unleashed 2…
…
continue reading

1
638: Q&A About Copyright, Jekyll, Joomla, Statamic, and More!
55:03
55:03
Play later
Play later
Lists
Like
Liked
55:03Show 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…
…
continue reading

1
637: Approachable Open Source with Brian Muenzenmeyer
52:36
52:36
Play later
Play later
Lists
Like
Liked
52:36Show 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? Listen on Website → Guests Brian Muenzenmeyer Guest's Main URL • Guest's …
…
continue reading
We're finally getting a element we can fully control with CSS! A bunch of other stuff needed to be added to the platform to make it work, and the good news is we can use it a lot of them independently of . Resources: Chrome's article on the new , and how you can provide feedback. The CSS appearance property. Nope, I still don't know what it does. T…
…
continue reading