Syntax - Tasty Web Development Treats

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]

1007: 8 Tech Choices to Lock In Before Agentmaxxing

Wes and Scott talk about the foundational decisions that make AI-assisted coding actually work—database schemas, validation, routing, CSS structure, and more. They explore why consistency matters more than specific tools, and how a little upfront planning can keep agents from turning your codebase into chaos. SHOW NOTES * 00:00 Welcome to Syntax! * 03:19 Planning your database schema before AI touches it * 06:08 Picking a validation strategy that won’t drift * 07:18 Mapping your routing structure and auth flow * 08:48 Brought to you by Sentry.io [https://sentry.io/syntax/] * 10:52 Locking in your CSS methodology and UI framework * 13:31 Choosing how your client and server communicate * 15:03 Creating a folder structure agents can follow * 16:16 Don’t be afraid to switch up your AI setup later 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]