Syntax - Tasty Web Development Treats

986: Does Code Quality Matter Anymore?

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 [https://obsidian.md/] workflow * QMD [https://github.com/tobi/qmd] * 19:57 Brought to you by Sentry.io [https://sentry.io/syntax/] * 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 [https://effect.website/] 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 [https://graffiti-ui.com/] * 49:54 Sick Picks + Shameless Plugs Sick Picks * Scott: AVerMedia Video Capture Card [https://amzn.to/4rLksVT] * Wes: Power Bar Extension Cord [https://amzn.to/4b2Z5sb] Shameless Plugs * Phases Podcast [https://www.youtube.com/@phasesfm] 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]

985: Stop putting secrets in .env

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 [https://varlock.dev/]: A Unified Solution * 06:56 Schema-Driven Environment Variables * 11:47 Integrating with Various Frameworks * 14:08 Brought to you by Sentry.io [https://sentry.io/syntax] * 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 [https://bela.io/products/] * Theo: Wonder Man [https://www.imdb.com/title/tt21066182/] SHAMELESS PLUGS * Phil: nauticalartifacts [https://nauticalartifacts.bandcamp.com/] * Theo: howtostore.food [https://howtostore.food/] 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]

984: How to Make a DOM Library Render Anything w/ Paolo Ricciuti

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 [https://madcss.com/] * 01:44 Paolo’s role at Mainmatter [https://mainmatter.com/] and his work on Svelte custom renderers [https://svelte-custom-renderers.com/] * 02:52 Why Paolo chose Svelte * Why I choose Svelte [https://mainmatter.com/blog/2026/02/24/why-choose-svelte/] * Shift Dev 2019: “Rethinking Reactivity” [https://www.youtube.com/watch?v=gJ2P6hGwcgo] * 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 [https://lynxjs.org/] provides and how it differs from a web view * 24:18 Brought to you by Sentry.io [https://sentry.io/syntax/] * 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 [https://opencode.ai/] SHAMELESS PLUGS * Paolo: Svelte Custom Renderers [https://svelte-custom-renderers.com/] | TCMP [https://tmcp.io/] 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]

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

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 [https://madcss.com/] * 02:28 Why screen recording apps are so frustrating * 07:14 The requirements behind Scott’s app, v_framer [https://vframer.video/] * 09:47 Tauri [https://v2.tauri.app/], WKWebView [https://developer.apple.com/documentation/webkit/wkwebview], and blurry screen recording headaches * 13:00 Why switching to Electron [https://www.electronjs.org/] was a game changer * 14:02 Electrobun [https://blackboard.sh/electrobun] and the hybrid desktop experiment * 16:29 Browser-based capture vs native APIs * 18:50 Brought to you by Sentry.io [https://sentry.io/syntax] * 22:32 Notarization, certificates, and shipping a Mac app * 24:52 One-time purchases, trials, and selling desktop software * 26:37 Self-hosting Keygen [https://keygen.sh/] 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 [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]

982: Bots Are Ruining the Internet

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/ [https://phases.fm/] Show Notes * 00:00 Welcome to Syntax! * 01:11 Brought to you by Sentry.io [https://sentry.io/syntax] * 02:40 Node.js enables Temporal by default * Enable Temporal by default [https://github.com/nodejs/node/pull/61806] * 04:08 OpenClaw acquired by OpenAI * OpenClaw, OpenAI and the future [https://steipete.me/posts/2026/openclaw] * 09:36 Bots are taking over the internet * Wes’ tweet [https://x.com/wesbos/status/2021769043573977130] * 15:30 TypeScript 6 Beta * Announcing TypeScript 6.0 Beta [https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-beta/] * 17:00 TanStack Hotkeys for type-safe shortcuts * TanStack Hotkeys [https://tanstack.com/hotkeys/latest] * 18:05 Components will kill webpages * Components Will Kill Pages [https://bitsandbytes.dev/posts/components-will-kill-pages] * 19:39 Is Google Translate just an LLM? * Viridian’s tweet [https://x.com/goremoder/status/2019706403154534541] * 23:29 Shaders.com [https://shaders.com/] * 26:49 Voxtral Mini Realtime * Voxtral Realtime [https://x.com/MistralAI/status/2019068828257333466] * Demo [https://huggingface.co/spaces/mistralai/Voxtral-Mini-Realtime] * 29:51 Deno launches Sandboxes * Introducing Deno Sandbox [https://deno.com/deploy/sandbox] * 32:39 Oz [https://www.warp.dev/oz] by Warp.dev * 38:10 Augment Code Intent [https://www.augmentcode.com/product/intent] * 40:10 Sick Picks + Shameless Plugs Sick Picks * Scott: Samsung Remote [https://amzn.to/3OjVVsq] * Wes: Ice [https://github.com/jordanbaird/Ice] Shameless Plugs * Syntax YouTube Channel [https://www.youtube.com/@syntaxfm] 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]