Syntax - Tasty Web Development Treats

1012: Who Decides What Ships on the Web?

Scott and Wes sit down with Jake Archibald from Mozilla to unpack how web standards actually get made at Firefox. From browser features and developer feedback to the drama around the Prompt API. They discuss Interop 2026, the future of web APIs, and what it’s really like shaping the web after a career spanning both Google and Mozilla. Show Notes * 00:00 The Importance of Sunscreen * 02:29 Welcome to Syntax! * 04:35 Transitioning from Google to Mozilla * 06:00 Brought to you by Sentry.io [https://sentry.io/syntax%E2%81%A0] * 06:43 Mozilla’s Current Position and Development Priority * HTML Sanitizer API [https://developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API] * 08:35 Feature Implementation and Developer Feedback * 13:12 JPEG XL and AVIF: The Future of Image Formats * 18:06 Balancing User Features and Web Standards * 20:56 Navigating the AI Translation Dilemma * 23:03 Understanding the Prompt API Controversy * 32:56 Rethinking the Future of Prompt APIs * 39:00 Exploring Local Models and User Control * 44:04 The State of Firefox DevTools * 45:42 Browser Stability and Developer Editions * 47:39 Introduction to the Heading Offset API * 51:14 Interop APIs and Their Importance * Headingoffset & Headingreset attributes [https://github.com/mozilla/standards-positions/issues/1263] * 54:10 Developer Feedback and Browser Features * Developer Signals [https://github.com/web-platform-dx/developer-signals] * 58:05 Animating Display None and Its Challenges * 01:00:44 HTML and Canvas: Opportunities and Concerns * 01:04:01 Sick Picks + Shameless Plugs Sick Picks * Scott: * Wes: * Jake: * Clues by Sam [https://cluesbysam.com/] Shameless Plugs * Scott: * Wes: * Jake: * Bluesky [https://bsky.app/profile/webdevs.firefox.com] * Mastodon [https://mastodon.social/@firefoxwebdevs] * Threads [https://www.threads.com/@firefoxwebdevs] * LinkedIn [https://www.linkedin.com/showcase/firefox-web-developers/] * YouTube [https://www.youtube.com/@FirefoxWebDevs] * X [https://x.com/FirefoxWebDevs] * Insatgram [https://www.instagram.com/firefoxwebdevs/reels/] * Tiktok [https://www.tiktok.com/@firefoxwebdevs] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

1011: tmux + Terminal Maxxing with Ben Vinegar

Scott and Wes sit down with Ben Vinegar, former Syntax GM and founder of Modem.dev, to geek out over terminal-maxxing, from SSH-based development and tmux workflows to AI-powered coding agents. Ben also demos two of his open source tools: Hunk, a slick terminal code reviewer with 4k+ GitHub stars, and TermDraw, a terminal-based diagramming tool that posts directly to your agent. SHOW NOTES * 00:00 Welcome to Syntax! * 00:49 Introduction to Modem [https://modem.dev/] and AI Project Management * 01:40 Exploring Terminal Usage and Productivity * 04:26 Setting Up Remote Development Environments * 08:38 The Power of TMUX [https://github.com/tmux/tmux] in Development * 11:20 What makes TMUX splitting different? * 12:46 Integrating AI with Terminal Workflows * 14:56 The Future of Terminal Applications * 17:31 Balancing GUIs and Terminal Interfaces * getfresh.dev [getfresh.dev] * Ben’s talk at AI Engineer Miami [https://www.youtube.com/watch?v=6IxSbMhT7v4] * 24:39 Navigating Development Tools and Environments * 26:44 The Balance of Security and Convenience in Coding * 30:27 Cautionary Tales: The Risks of YOLO Mode * 33:53 Innovative Tools for Enhanced Coding Experience * 34:09 Hunk: Terminal code review [https://github.com/modem-dev/hunk]. * 41:39 TermDraw: A New Way to Visualize Code and Ideas [https://github.com/benvinegar/termdraw] * 46:22 The Dynamics of Open Source Contributions * 48:31 Visualizing Code: Tools and Techniques * 50:54 Podcasting and Editing Processes * State of Agentic Coding [https://www.youtube.com/watch?v=JM1sIVIZYRg]. * Podguy: Agent-driven post-production workflow for video podcasts [https://github.com/modem-dev/podguy] * 56:23 Introducing Modem: A Product Intelligence Platform * 01:01:39 Connecting Feedback to Product Development * 01:03:15 Sick Picks SICK PICKS * Ben: Nirvanna: The Band - The Show - The Movie [https://www.imdb.com/title/tt35522483/], Timecrimes [https://www.imdb.com/title/tt0480669/] SHAMELESS PLUGS * Ben: https://modem.dev/ [https://modem.dev/] HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

1010: No one cares anymore?

On this episode, Scott and Wes dig into the messy reality of modern front-end work, from struggling to find skilled devs and navigating team chaos to questioning code quality, testing, and even whether AI is stealing the joy of programming. Show Notes * 00:00 Welcome to Syntax * 01:06 The Challenge of Finding Skilled Front-End Developers * 05:11 Understanding Design Mode and Its Applications * 10:33 Navigating Team Dynamics and Code Quality * 12:37 The Importance of Testing Strategies * 13:39 Learning and Growing as a Developer * 18:11 Consolidating Multiple Animation Libraries * 21:16 Draw UI with Code Only * 22:38 Avoiding Interview Scams * 26:40 Embracing Change in Tech Careers * 32:21 Why People Don’t Do Software Updates * 41:04 AI Kills my Joy of Programming * 49:18 Sick Picks + Shameless Plugs Sick Picks * Scott: * USB LED Light [https://www.amazon.com/dp/B09B9R295K?th=1&linkCode=sl2&tag=leveluptuts01-20&linkId=b5e15c6ce25512f3fcc55250c224ae41&language=en_US&ref_=as_li_ss_tl] * Wireless Carplay Adapter [https://www.amazon.com/dp/B0GSKD1991?&linkCode=sl2&tag=leveluptuts01-20&linkId=17fa9ed93b79d482163e88bf26c9cce5&language=en_US&ref_=as_li_ss_tl] * Wes: Shameless Plugs * Scott: * Phases Podcast [https://www.youtube.com/@phasesfm] * Wes: Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

1009: 54% AI-Generated and Climbing — State of AI

Scott and Wes react to the freshly released State of AI 2026 survey, covering everything from skyrocketing AI adoption and the rise of coding agents to the pain points, job security fears, and big philosophical questions developers are wrestling with right now. SHOW NOTES * 00:00 Welcome to Syntax! * 00:06 Introduction to the State of AI in Web Development [https://2026.stateofai.dev/en-US] * 02:47 Survey Insights: AI Coding Adoption and Sentiment * 06:55 Models and Providers: Usage and Sentiment Analysis * 09:14 Paid Agent Usage: Who’s Paying for What? * 11:31 Agents and Assistants. * 15:21 Personal Experiences with AI Tools * 20:33 Paid Agent Usage * 22:36 Programming Languages: Trends in AI Coding * 23:54 Image Generation Tools: A Shift in Usage * 26:48 The Evolution of Image Generation Tools * 28:44 The Future of Video Generation * 29:42 AI in App Development * 30:54 Code Review Tools * 31:27 Brought to you by Sentry.io [https://sentry.io/syntax] * 34:59 AI’s Role in Code Generation and Review * 35:50 The Financial Impact of AI Tools * 38:03 Local AI: Trends and Misconceptions * 41:28 AI Risks and Pain Points * 45:13 User Sentiment Towards AI * 48:44 The AI Bubble: Current Perspectives * 50:52 Survey Insights and Future Directions HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

1008: Diffs, Trees, and VS Code 2.0

Scott and Wes sit down with Alex Sexton and Amadeus De Marzi from Pierre Computer to dig into the gnarly performance challenges behind building blazing-fast code review tools, covering virtualization, progressive rendering, and why GitHub’s UI feels so sluggish. They also chat about how major AI coding tools like Claude, Codex, and Cursor are adopting Pierre’s diffs library, plus the role of web components, benchmarking, and what it takes to build “VS Code 2.0.” SHOW NOTES * 00:00 Welcome to Syntax! * 04:00 The Need for Better Infrastructure * 05:53 Understanding Diffs and Trees * diffs.com [https://diffs.com/] * Trees by the Pierre Computer Co [https://trees.software/] * 08:16 Performance Challenges in Code Review * 10:49 Virtualization Techniques for Smooth Scrolling * 15:04 In-Page Find and Virtualization Limitations * 17:00 Browser Limitations and Content Visibility * 19:29 Progressive Rendering and Syntax Highlighting * 23:05 Tools and Techniques for Performance Testing * 33:35 Optimizing Performance with AI * 36:31 Mastering Auto Research for Efficiency * 42:00 Exploring Web Components and State Management * 44:05 Innovations in Rendering and Virtualization * 49:12 Business Insights and Future Directions * 53:58 Sick Picks HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]