Syntax &#8211; Tasty Web Development Treats

987: Remote Coding Agents Mar 16, 2026

Show notes

Scott and Wes break down the world of remote coding agents — what they are, why you’d want one, and all the different ways you can run them, from Cursor Cloud and Claude Code to an old laptop sitting on your floor. They cover real-world use cases, environment setup, API key management, and the wild variety of interfaces that let agents work while you sleep.

Show Notes

00:00 Welcome to Syntax!
03:14 Introduction to Remote Coding Agents
05:32 Practical Examples of Remote Agents
- 05:34 Website data grunt work.
- 07:48 Research assistant
- 08:57 Travel agent… agent
09:57 Where and When Remote Agents Run
10:43 Brought to you by Sentry.io
13:31 Where Remote Agents Run
19:14 CLI and User Interfaces for Remote Agents
24:53 Remote Development Environments
31:21 DIY Agents and Custom Solutions
36:09 The environment
38:08 Managing API Keys and Access
41:02 Web search

Hit us up on Socials!

986: Does Code Quality Matter Anymore? Mar 11, 2026

Show notes

In this potluck episode, Wes and Scott answer your questions about popover navigation patterns, the Vibrate API on iOS, whether code quality still matters in the AI era, Wes’s evolving Obsidian second-brain setup, where to start with modern full-stack JavaScript, and more!

Show Notes

00:00 Welcome to Syntax!
01:02 Using display none with popover and hamburger navigation
03:37 Vercel on iOS and experimenting with the Vibrate API
05:47 Does code quality still matter in the AI age?
11:08 Wes’ second brain update and Obsidian workflow
- QMD
19:57 Brought to you by Sentry.io
20:21 Supporting older browsers and missing out on modern web features
23:32 iPad browsing quirks and dealing with outdated Safari
28:26 What to do when you encounter a badly built or inaccessible website
33:37 Is the Effect TypeScript library worth the learning curve?
37:04 Where to start with modern full-stack JavaScript
43:39 Are column grid frameworks still relevant with modern CSS?
- Graffiti
49:54 Sick Picks + Shameless Plugs

Sick Picks

Scott: AVerMedia Video Capture Card
Wes: Power Bar Extension Cord

Shameless Plugs

Phases Podcast

Hit us up on Socials!

985: Stop putting secrets in .env Mar 09, 2026

Show notes

Scott and Wes are joined by Phil Miller and Theo Ephraim to talk about Varlock, a new approach to environment variables that adds schemas, validation, and security to the humble .env file. They dig into the risks of traditional env workflows, how schema-driven configs improve DX, and how tools like Varlock help manage secrets safely across frameworks, CI, and AI-powered workflows.

Show Notes

00:00 Welcome to Syntax!
03:15 The Risks of .env Files
04:58 Introducing Varlock: A Unified Solution
06:56 Schema-Driven Environment Variables
11:47 Integrating with Various Frameworks
14:08 Brought to you by Sentry.io
14:32 Cross-Language Compatibility
17:50 Best Practices for Environment Variables
21:11 Security Features of Varlock
25:02 AI Integration and Environment Variables
29:12 Introduction to Varlock and GitHub Actions
32:45 Secrets Management and Best Practices
36:09 The Future of Varlock and Open Source
38:36 Sick Picks + Shameless Plugs

Sick Picks

Phil: Bela.io
Theo: Wonder Man

Shameless Plugs

Phil: nauticalartifacts
Theo: howtostore.food

Hit us up on Socials!

984: How to Make a DOM Library Render Anything w/ Paolo Ricciuti Mar 04, 2026

Show notes

Wes and Scott talk with Paolo Ricciuti about Svelte custom renderers and how Svelte actually talks to the DOM. They dig into compiler internals, CSS handling, native bridges, and the realities of maintaining ambitious open source tooling.

Show Notes

00:00 Welcome to Syntax!
- March MadCSS
01:44 Paolo’s role at Mainmatter and his work on Svelte custom renderers
02:52 Why Paolo chose Svelte
- Why I choose Svelte
- Shift Dev 2019: “Rethinking Reactivity”
05:16 From Svelte ambassador to working on the project
07:45 How custom renderers change what Svelte can target
10:10 How Svelte uses the DOM and why that makes custom renderers tricky
20:32 What Lynx provides and how it differs from a web view
24:18 Brought to you by Sentry.io
35:56 Using Svelte with CSS outside the browser
39:09 The timeline and current state of the Lynx app
44:51 Sick Picks + Shameless Plugs

Sick Picks

Paolo: Opencode

Shameless Plugs

Paolo: Svelte Custom Renderers | TCMP

Hit us up on Socials!

983: Why I Chose Electron Over Native (And I’d Do It Again) Mar 02, 2026

Show notes

Wes and Scott talk about building v_framer, Scott’s custom multi-source video recording app, and why Electron beat Tauri and native APIs for the job. They dig into MKV vs WebM, crash-proof recording, licensing with Stripe and Keygen, auto-updates, and the real challenges of shipping a polished desktop app.

Show Notes

00:00 Welcome to Syntax!
- March MadCSS
02:28 Why screen recording apps are so frustrating
07:14 The requirements behind Scott’s app, v_framer
09:47 Tauri, WKWebView, and blurry screen recording headaches
13:00 Why switching to Electron was a game changer
14:02 Electrobun and the hybrid desktop experiment
16:29 Browser-based capture vs native APIs
18:50 Brought to you by Sentry.io
22:32 Notarization, certificates, and shipping a Mac app
24:52 One-time purchases, trials, and selling desktop software
26:37 Self-hosting Keygen for license keys
30:27 A scrappy Google Sheets-powered waitlist
31:56 Keyboard shortcuts, FPS locks, and app customization
34:50 CI/CD and painless auto-updates with Electron

Hit us up on Socials!

982: Bots Are Ruining the Internet Feb 25, 2026

Show notes

Wes and Scott talk about the latest dev news: Node enabling Temporal by default, OpenAI acquiring OpenClaw, TypeScript 6, new TanStack and Deno releases, the explosion of AI agent platforms, and more.

Courtney Tolinski's Podcast

Phases: A Parenting Podcast https://phases.fm/

Show Notes

00:00 Welcome to Syntax!
01:11 Brought to you by Sentry.io
02:40 Node.js enables Temporal by default
- Enable Temporal by default
04:08 OpenClaw acquired by OpenAI
- OpenClaw, OpenAI and the future
09:36 Bots are taking over the internet
- Wes’ tweet
15:30 TypeScript 6 Beta
- Announcing TypeScript 6.0 Beta
17:00 TanStack Hotkeys for type-safe shortcuts
- TanStack Hotkeys
18:05 Components will kill webpages
- Components Will Kill Pages
19:39 Is Google Translate just an LLM?
- Viridian’s tweet
23:29 Shaders.com
26:49 Voxtral Mini Realtime
- Voxtral Realtime
- Demo
29:51 Deno launches Sandboxes
- Introducing Deno Sandbox
32:39 Oz by Warp.dev
38:10 Augment Code Intent
40:10 Sick Picks + Shameless Plugs

Sick Picks

Scott: Samsung Remote
Wes: Ice

Shameless Plugs

Syntax YouTube Channel

Hit us up on Socials!

981: Browsers Are Finally Catching Up (Interop 2026) Feb 23, 2026

Show notes

Scott and Wes unpack Interop 2026 and the browser features finally aligning across engines, from container style queries and anchor positioning to scroll-driven animations and view transitions. They break down what it all means for day-to-day devs and how close we really are to a fully interoperable web.

Show Notes

00:00 Welcome to Syntax!
00:21 What is Interop?
- Interop GitHub.
02:44 Container Style Queries.
09:32 Brought to you by Sentry.io.
09:57 Anchor Positioning.
12:01 CSS attr().
15:40 CSS Contrast-color.
19:10 CSS Zoom.
21:36 CSS Custom Highlight API.
24:02 Dialogs and Popovers.
25:44 Fetch Uploads and Ranges.
27:48 IndexedDB.
28:25 JSPI for Wasm.
29:05 Media Pseudo-Classes.
30:00 Navigation API.
31:53 Scoped Custom Element Registries.
32:40 Scroll-Driven Animations.
33:30 Scroll Snap.
36:50 CSS Shape().
38:25 View Transitions.
41:32 Web Compat.
42:29 WebRTC Improvements.
43:44 WebTransport.
45:44 Investigation Efforts.
- 46:25 JPEG XL
- 48:46 Mobile Testing.
- 49:20 WebVTT.

Hit us up on Socials!