Syntax - Tasty Web Development Treats

958: 2025 Holiday Gift Guide

The Syntax team brings us their annual Holiday Gift Guide! They’ve curated the best gadgets, tools, food, and even kitchen essentials for the dev in your life — plus a few treats anyone would love to unwrap. SHOW NOTES * 00:00 Welcome to Syntax * 00:54 Our Favorite Things * 01:03 Wes - Bambu Lab 3d Printers [https://www.amazon.com/s?k=bambu+lab+printer&tag=webo080-20] * 01:50 Wes - Leatherman Arc Multi-tool [https://ca.leatherman.com/products/arc] * 03:07 Kaitlin - Ruffwear Roamer Bungee Dog Leash [https://ruffwear.com/products/roamer-bungee-dog-leash] * 04:49 Niki - Magic Mirror Home Screen [https://magicmirror.builders/] * 06:42 Randy - Everything Presence Light [https://shop.everythingsmart.io/products/everything-presence-lite] * 08:22 Randy - Henson Safety Razor [https://hensonshaving.com/] * 10:24 CJ - Viltrox 28mm Pancake Lens [https://amzn.to/3K9Mg5N] * 11:17 Scott - 3D Printers * 11:37 Scott - Anker 4-Port Charger [https://amzn.to/3X7kCJR] * 12:45 Randy - DJI Mic Mini [https://www.dji.com/mic-mini] * 13:37 Randy - Velcro Cable Ties * 14:22 Kaitlin - Prequel Skin Care [https://prequelskin.com/] * 16:18 Kaitlin - Coros Pace 3 Running Watch [https://us.coros.com/pace3] * 17:30 Niki - Steam Machine [https://store.steampowered.com/sale/steammachine] * 18:02 Niki - VR Headset * 18:18 Under $30 * 18:25 Wes - ESP32 [https://www.amazon.com/s?k=esp32&tag=webo080-20] * 18:45 Wes - WS2811 LED Strips [https://www.amazon.com/s?k=WS2811+LED+Strips&tag=webo080-20] * 19:44 CJ - Precision Screw Driver Set [https://amzn.to/43JEqqp] * 20:42 Scott - Magsafe Popsocket [https://amzn.to/4poSPk2] * 21:23 Wes - Digital Calipers [https://www.amazon.com/s?k=Digital+Calipers&tag=webo080-20] * 22:45 CJ - Microfiber Device Cloth [https://amzn.to/3JYhLQp] * 23:33 Scott - Candle Warmer [https://amzn.to/47UR1tl] * 25:30 Wes - Matte Screen Protectors [https://www.amazon.com/s?k=Matte+Screen+Protector&tag=webo080-20] * 25:38 Desk Items * 25:46 Wes - MX Master 4 Logitech Mouse [https://www.amazon.com/s?k=MX+Master+4&tag=webo080-20] * 26:40 Scott - Elgato Stream Deck [https://amzn.to/4oehFlM] * 29:12 CJ - Magsafe Phone Stand [https://amzn.to/4oRiou1] * 30:13 Office Items * 30:21 Wes - Heated Vest * 31:33 CJ - USB Hand Warmers [https://amzn.to/4r7Qvzv] * 32:23 Tech / Storage * 32:32 Scott - MoCa Ethernet Adapter [https://amzn.to/48fyOFK] * 33:41 CJ - 4TB Drive [https://amzn.to/47SjBLQ] and 1TB SD Card [https://amzn.to/4pqG60h] * 35:06 Wes - BenQ Programming Monitors [https://benqurl.biz/44dy4QN] * 37:28 Food * 37:37 Scott - Biena Edamame * 38:08 Wes - Heartbeat Hot Sauce [https://www.amazon.com/s?k=Heartbeat+Hot+Sauce&tag=webo080-20] * 39:11 Wes - Seoul Sisters Kimchi Mix * 39:32 CJ - Clif Protein Bars [https://amzn.to/48romfo] * 39:55 CJ - Z Energy Strips [https://amzn.to/48c2mUM] * 40:51 Kitchen Gadgets * 41:00 Wes - Carbon Steel Frying Pan [https://amzn.to/3UiTXIY] * 42:35 CJ - Air Fryer [https://amzn.to/4pjNURf] * 44:45 Scott - Zojirushi Water Boiler [https://amzn.to/3XdJNua] * 45:43 Scott - Teak Cutting Board [https://amzn.to/44cnkS4] * 47:36 Clothes * 48:26 Wes - Hooke [https://hooke.com/] / Naked and Famous [https://nakedandfamousdenim.com/] * 49:24 Scott - Octobre Clothing [https://www.octobre-editions.com/us-en] * 50:31 Scott - Sezane Clothing [https://www.sezane.com/us-en/new-in] * 52:11 CJ - Blank Mineral Wash Shirts [https://amzn.to/4oa9h6Q] * 53:10 Kids * 53:17 Wes - Yoto Player [https://www.amazon.com/s?k=Yoto+Player&tag=webo080-20] * 54:47 Scott - Tonie Box [https://amzn.to/4pnwjbh] * 56:06 CJ - Large Hedgehog Plush [https://amzn.to/43HQckZ] * 56:43 CJ - Tortilla Blanket [https://amzn.to/3LZ1ET8] * 57:04 Smarthome * 57:08 Scott - Lutron Caseta [https://amzn.to/4ijHwre] * 57:38 Wes - Meross [https://www.meross.com/en-gc] and Refoss [https://refoss.net/] * 01:00:41 Scott - Apollo Automation [https://apolloautomation.com/] * 01:01:29 CJ - Kauf Smart Home [https://amzn.to/43E8gws] * 01:02:52 CJ - Plant LED Bulb [https://amzn.to/47UWwbt] * 01:04:03 Scott - Roland Electronic Drum Set [https://amzn.to/48rGPIS] * 01:04:58 Thanks! 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]

957: CSS: Advanced and Obscure

Scott and Wes face off in a CSS-themed round of STUMP’d, quizzing each other on shape functions, scroll snap types, obscure functions, and long-forgotten spec history. From ray() to cross-fade() to print-color quirks, this episode is packed with rapid-fire frontend trivia guaranteed to sharpen your CSS brain. SHOW NOTES * 00:00 Welcome to Syntax! * 00:54 Which of the following are valid CSS Shape Functions [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape]? * 02:03 CSS Selectors 4 specification demo. * 03:20 How many functions [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/Functions] are there in CSS? * 04:22 Brought to you by Sentry.io [https://sentry.io/syntax]. * 04:47 Explain the 3 CSS Scroll Snap [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-snap-type] types. * 06:38 What does the xywh() [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/xywh] do? * 09:15 What about ray() [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/ray]? * 11:25 What do CSS Namespaces [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@namespace] do? * 14:37 What year was CSS paint() bug tracker [https://developer.mozilla.org/en-US/docs/Web/API/CSS_Painting_API] introduced in Firefox? * 17:34 What does print-color-adjust [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/print-color-adjust] do? * 20:26 What is cross-fade() [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/cross-fade]? * 23:54 Name 3 reasons you might use CSS @property [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@property]. * 27:36 List all 10 CSS Filter Functions [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/filter]. * 32:41 Name 5 font properties [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font]. 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]

956: Should I Keep Using WordPress?

In this potluck episode, Wes and Scott answer your questions about paid vs. free SSL, the state of frontend jobs, headless WordPress trade-offs, organizing TypeScript types, and more! Show Notes * 00:00 Welcome to Syntax! * 00:51 Recapping the GitHub Meetup * 05:14 Is there any real benefit to picking a paid SSL over Let's Encrypt [https://letsencrypt.org/]? * 08:03 Is the pure frontend role disappearing? * 11:17 Is the gravy train over for software devs? * 20:48 How Scott automates versioning with GitHub Actions * changesets [https://github.com/changesets/changesets] * Intro to using changesets [https://github.com/changesets/changesets/blob/main/docs/intro-to-using-changesets.md] * zero-svelte [https://github.com/stolinski/zero-svelte/blob/main/.github/workflows/release.yml] * graffiti [https://github.com/stolinski/graffiti] * 25:16 Brought to you by Sentry.io [https://sentry.io/syntax] * 25:41 Thoughts on VS Code [https://code.visualstudio.com/] alternatives and the rise of Zed [https://zed.dev/] * 33:01 Should I switch to headless WordPress [https://wordpress.org/] or continue rolling my own PHP templates? * 37:33 How do you organize TypeScript types in a frontend project? * 40:55 How do I continue to level up as a developer? * 45:36 Stay in a comfortable job or embrace new challenges? 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]

955: SvelteKit has solved data loading

Scott and Wes break down SvelteKit’s new remote functions and why they finally solve the long-standing pain of page-level data in Svelte. They cover queries, forms, batching, caching, and all the clever RPC ergonomics that make Svelte’s approach feel surprisingly powerful and refreshingly simple. SHOW NOTES * 00:00 Welcome to Syntax! * 00:45 Lots of RPC library options. * 01:22 Svelte’s Page-Level Data Always Felt Off * 02:12 Progress on the new Syntax site. * 03:47 Remote functions explained. * Svelte Remote Functions Docs [https://svelte.dev/docs/kit/remote-functions]. * 04:15 Make a .remote.ts file. * 05:07 Querying data. * 07:52 Brought to you by Sentry.io [https://sentry.io/syntax]. * 08:17 Svelte’s leg up on React. * 10:13 Query Arguments. * 11:39 The benefits of Standard Schema. * 13:13 Refreshing Queries. * 13:29 query.batch * 15:18 Form function. * 21:13 Enhance. * 22:31 Refresh. * 23:16 Command query. * 24:25 Prerender. * 25:22 Caching. * 27:44 My Local Cache Service Worker [https://gist.github.com/stolinski/373cd1d251ff823f6203ab53147cd433]. * 31:23 Sick Picks + Shameless Plugs. SICK PICKS * Scott: CoffeeSock ColdBrew Filter [https://amzn.to/4nJbB4p], Chemex Filter [https://amzn.to/4nBedRC]. * Wes: Bosch Dishwasher. SHAMELESS PLUGS * Scott: Syntax on YouTube [https://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]

954: Fullstack TanStack! The Scoop with Tanner Linsley

Live from GitHub Universe, Wes and Scott talk with Tanner Linsley about the latest from TanStack, including TanStack DB’s local-first syncing, new routing ideas, and fresh perspectives on server components and “magic” directives. They explore performance, incremental adoption, and what’s next for the rapidly growing TanStack ecosystem — plus a few spicy takes along the way. SHOW NOTES * 00:00 Welcome to Syntax! * 01:12 What’s new in the TanStack [https://tanstack.com/] universe? * 01:57 Introducing TanStack DB [https://tanstack.com/db/latest]: local-first sync engine * 05:17 How syncing and transactions actually work in TanStack DB * 07:03 Next.js 16 Workflows: durable functions and the directive debate * 08:46 Brought to you by Sentry.io [https://sentry.io/syntax/] * 09:41 Tanner’s case for fewer “magic directives” * 12:36 TanStack’s approach to React Server Components * 14:30 The momentum of leading an ecosystem * 15:38 Top-secret TanStack project in the works 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]