Syntax - Tasty Web Development Treats

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!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

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!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

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!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

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!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

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!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads