Syntax &#8211; Tasty Web Development Treats

1008: Diffs, Trees, and VS Code 2.0 May 27, 2026

Show notes

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
- Trees by the Pierre Computer Co
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!

1007: 8 Tech Choices to Lock In Before Agentmaxxing May 25, 2026

Show notes

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
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!

1006: Can AI Make Good Design? May 20, 2026

Show notes

Wes and Scott talk about whether AI can actually create good design, or if it just remixes the same patterns over and over. They dig into AI-generated UX, design systems, YouTube thumbnails, Google’s design.md spec, programmatic design, and the tools designers are actually using today.

Show Notes

00:00 Welcome to Syntax!
03:20 Can AI actually make you creative?
08:52 Why AI-generated YouTube thumbnails all look the same
10:34 Can good design be extrapolated from patterns?
13:46 Google’s design.md and AI steering documents
16:57 Can AI make good UX?
19:37 Brought to you by Sentry.io
21:03 Can good design be programmatic?
23:57 Can AI optimize design for outcomes and conversions?
27:40 Should designers use AI to enhance their work?
32:41 The AI design tools people are actually using

Hit us up on Socials!

1005: Programatic and Skill based Video Creation with Remotion May 18, 2026

Show notes

Scott and Wes are joined by Jonny Burger, creator of Remotion, to talk about the explosion of programmatic video, going from 125k to 800k installs per day, and how AI and a new HTML-in-Canvas Chrome spec are changing the game. They dig into monetization, the wild world of video slop, motion graphics workflows, and the new Media Bunny tool.

Show Notes

00:00 Welcome to Syntax!
- Remotion has skills!
02:20 Monetization Strategies and Sustainability
- Remotion Pro
04:40 The Impact of AI on Video Creation
07:46 User Demographics and Use Cases
09:49 The Future of Video Editing Workflows
13:14 HTML in Canvas: A Game Changer
16:17 Technical Challenges and Innovations
18:44 Brought to you by Sentry.io
19:09 The Future of Remotion and Community Feedback
22:59 Rendering CSS Animations and Performance Optimization
27:05 The Underworld of Video Slop
29:12 Transition to Media Bunny
- remotion.dev/docs/mediabunny/
33:50 Motion Graphics Workflow
39:42 Sick Picks + Shameless Plugs

Sick Picks

Jonny: ENTTEC DMX to USB Interface

Hit us up on Socials!

1004: TanHacked May 13, 2026

Show notes

Scott and Wes break down the “Mini Shai-Hulud” supply chain attack that compromised TanStack and other popular npm packages through a clever GitHub Actions cache poisoning exploit; a self-propagating worm that stole credentials and persisted through Claude Code hooks and VS Code tasks. They also cover how developers can protect themselves using pnpm’s security defaults, dev containers, and other practical defenses.

Show Notes

00:00 Welcome to Syntax!
00:25 Understanding the Shai-Hulud Worm
- Post Mortem of Shai Hulud Attack
02:47 Mechanics of the Attack: GitHub Actions and Cache
05:44 Brought to you by Sentry.io
06:09 Propagation and Impact of the Worm
09:30 Preventative Measures for Developers
- Dead Man’s Switch
12:33 The Role of Package Managers in Security
- Block Exotic Subdeps
18:39 Using Dev Containers
- Why You Should Use Dev Containers
- Scott Tolinski’s Security Review
20:57 Conclusion and Final Thoughts
- Sentry has Skills!

Hit us up on Socials!

1003: Skills Skills Skills May 11, 2026

Show notes

Scott and Wes chat all things agent skills for web developers, sharing their favorites for everything from CSS animations and HTML generation to logo extraction, marketing copy, and video creation. Whether you’re just getting started with AI-powered development or looking to level up your workflow, this episode is packed with practical skills you can put to use today.

Show Notes

00:00 Welcome to Syntax!
01:33 Hot Tip Skill
05:55 CSS Motion Systems
08:17 Agent Browser Skill
09:30 HTML Skill
12:01 Extract Logos Skill
13:34 Dex Task Skill
14:50 Remotion and Hyper Frames Skills
- Syntax Episode 550 with Remotion
16:22 Discussion on AI and Design Skills
18:50 Marketing Skills and Copywriting
23:01 Final Thoughts and Resources
24:10 Brought to you by Sentry.io
- Sentry Skills

Hit us up on Socials!

1002: The Real Pricing of LLMs May 06, 2026

Show notes

In this potluck episode of Syntax, Wes and Scott answer your questions about LLM usage-based pricing, security risks from malicious code in interviews, staying current in a fast-moving dev landscape, a new CSS linter, managing Node environments and tooling without losing your mind, and more!

Show Notes

00:00 Welcome to Syntax!
01:17 Copilot’s new usage-based pricing and the end of cheap AI
- Model multipliers for annual Copilot Pro and Copilot Pro+ subscribers
08:53 Why Syntax dropped clever ad transitions
10:33 Debugging issues on the Syntax website with Sentry
12:51 Brought to you by Sentry.io
13:01 Getting hacked through a fake recruiter and malicious repos
17:57 How to catch up after stepping away from dev
25:10 React components vs native browser APIs
32:41 New CSS linting tools and Project Wallace updates
- csskit
36:06 How to interview developers in the age of AI
41:21 Managing Node, package managers, and dev environments
46:59 Sick picks + shameless plugs

1001: Managing Deadlines + Stress May 04, 2026

Show notes

Scott and Wes tackle the all-too-real stress of crunch time as a web developer—how to handle looming deadlines, avoid sloppy shortcuts, and stay methodical when everything feels like it’s falling apart. They share practical tips on planning, communicating, cutting scope, asking for help, and preventing the chaos from happening again next time.

Show Notes

00:00 Welcome to Syntax!
02:53 The Importance of Planning and Organization.
05:16 Slow Down, Take a Step Back.
06:05 Identifying and Managing Tasks.
08:35 The Role of Communication in Project Management.
11:24 Cutting Features and Managing Expectations.
14:52 The Balance Between Perfectionism and Productivity.
16:42 Getting To Work.
19:31 Updating Tools and Issues As You Go.
22:34 Asking for Help.
25:29 Prevention.
30:22 Communicate Clearly.
32:57 Brought to you by Sentry.io.

Hit us up on Socials!