Syntax – Tasty Web Development Treats

Scott and Wes talk with GitHub’s Sarah Vessels about the ins and outs of code reviews, their critical role in collaborative development, and tips for making your reviews more effective.

• 00:00 Welcome to Syntax!
• 00:59 What is a code review?
  • How to review code effectively: A GitHub staff engineer’s philosophy
• 04:18 Strategies for an effective code review processes
• 06:59 Should you test and fix in the same pull request?
• 07:57 How to ask for code reviews
• 12:12 Feature flags and their role in code management
  • flipper
  • scientist
  • scientist - JS
• 20:03 Who should do code reviews?
• 23:34 Should you review your own code?
• 25:04 Brought to you by Sentry.io
• 25:29 Code comments vs pull requests
• 27:35 Dealing with egos in the code review process
• 30:18 What automations are essential?
  • project-pull-mover
• 34:35 Underutilized tools
  • GitHub Protips: Tips, tricks, hacks, and secrets from Sarah Vessels
• 36:25 Commit strategies and squash
• 39:30 GitHub’s branching system
• 41:14 Git gone wrong
• 42:30 What is the correct way to merge into main?
• 43:47 What was it like working on GitHub Sponsors?
  • GitHub Sponsors
  • thanks.dev
• 46:58 Sick Picks & Shameless Plugs

• Sarah: https://store.steampowered.com/steamdeck

• Sarah: https://github.com/sponsors

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 share 14 game-changing tips they wish they’d known earlier in their web dev careers. From embracing tools to learning by doing, these insights will help you level up your skills faster!

• 00:00 Welcome to Syntax!
• 02:09 Brought to you by Sentry.io.
• 03:45 13 Web Development Tips I Wish I Knew Sooner.
• 03:49 Number 1 - No one is all-knowing.
• 05:39 Number 2 - People with extremely strong opinions.
• 11:13 Number 3 - Using tools to help you isn’t a bad thing.
• 12:34 Number 4 - Approach new technology with a mixed dose of skepticism and open-mindedness.
• 16:05 Number 5 - Things make more sense the more you actually use them.
• 18:40 Number 6 - Willingness to change your mind is a strong skill.
• 20:06 Number 7 - Doing is better than reading or watching.
• 22:29 Number 8 - Asking questions is good.
• 26:45 Number 9 - Everyone doesn’t learn the same.
• 30:41 Number 10 - You don’t need a SAAS for everything.
• 35:53 Number 11 - You don’t need to worry about scale.
• 37:49 Number 12 - Learning the fundamentals will always pay off.
• 40:07 Number 13 - Working in public will make you more hireable.
• 42:48 Number 14 - You can interview without accepting a job offer.
• 45:29 Sick Picks & Shameless Plugs.

• Scott: Glasses.
• Wes: Oxo Whisk, Danish Whisk.

• Scott: Syntax on YouTube.

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 serve up the pros and cons of modern authentication methods like magic links, 2FA, and SMS codes. Learn how each technique works, the security trade-offs, and what might be the best approach for your apps.

• 00:00 Welcome to Syntax!
• 00:11 Brought to you by Sentry.io.
• 00:34 Logging in Verification.
• 01:09 Magic Links.
  • 01:24 Pros of magic links.
  • 03:50 How magic links work.
  • 04:25 Cons to magic links.
• 06:21 Magic Sessions.
  • 06:37 Using email verification.
  • 07:12 Using code verification.
  • 07:55 Previously trusted device verification.
  • 08:14 Classic email and verification process.
  • 09:54 Email Code.
• 10:51 Gmail verification options.
• 12:01 OAuth.

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 talk with Topher Martini, a former Engineering Program Manager at Apple, about his extensive experience over two decades in the tech industry. Topher shares his journey at Apple, from starting as an intern in 2001 to working on groundbreaking products like iPhone, iPad, and Vision Pro.

• 00:00 Welcome to Syntax!
• 00:40 What it was like working on the first iPhone
• 04:47 How Topher landed at Apple early in his career
• 08:40 How Apple’s culture has changed over time
• 11:03 What makes a great employee?
• 16:37 Tips for better communication
• 17:54 Are meetings a good means of communication?
• 20:05 What makes a bad employee?
• 22:21 What does it take to get hired at a company like Apple?
• 26:16 Brought to you by Sentry.io
• 26:55 The relationship between passion and career
• 29:08 Topher’s advice for growing in your career
• 31:50 What is a sabbatical?
• 33:36 Teaching tech to kids
• 35:49 Topher’s work on self-driving cars
  • Aurora
• 39:33 AI’s impact on tech and the future
• 41:22 What can developers do to stand out and be relevant in a world of AI?
• 43:30 Topher’s thoughts on career development
  • One Small Step Can Change Your Life: The Kaizen Way
  • Paul Copplestone
• 44:47 What is a light field camera?
• 46:47 Spatial media and Vision Pro
• 48:10 The nifty stuff in Topher’s background
• 49:53 Something wild that happened while Topher was at Apple
• 51:34 Sick Picks & Shameless Plugs

• Topher:
  • Bambu Lab P1S 3D Printer
  • Bento 3D

• Topher: Topher’s YouTube Channel

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

In part 2 of covering the best apps for web developers, Scott and Wes dive into must-have tools that will level up your workflow. From screenshot utilities to development tools and video production apps, this episode is packed with recommendations to boost your productivity and creativity.

• 00:00 Welcome to Syntax!
• 01:44 Brought to you by Sentry.io.
• 02:30 Utilities.
  • 02:48 BetterTouchTool.
  • 09:31 Hyperkey.
  • 11:46 Amethyst.
  • 12:51 Klack.
  • 13:47 Bottom (Btm).
  • 14:54 Pearcleaner
  • 16:40 App Cleaner.
  • 17:35 Rocket Emoji.
  • 20:27 Clippy.
• 23:37 Screenshots and Screen Recordings.
  • 24:05 Dropshare.
  • 25:29 OBS with Source Record.
  • 29:20 Screen Studio.
  • 30:58 Detail.co.
  • 31:22 Cap.
  • 32:08 Kap.
  • 32:46 CleanShot X
• 34:15 Video and Production.
  • 34:24 DaVinci Resolve.
  • 37:46 Affinity Pro.
  • 39:42 PrincipleForMac.
  • 40:39 Inkscape.
• 41:34 Development tools.
  • 41:38 DBngin.
  • 43:12 TablePlus.
  • 45:48 MongoDB Compass.
  • 46:14 Proxyman.
  • 47:00 Wireshark.
  • 47:31 Polypane.
  • 48:30 Setapp.
  • 49:44 SVG Grabber.
• 51:42 Sick Picks & Shameless Plugs.

• Scott: Untold Sign Stealer.
• Wes: Magentiles Marble Run.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott walks Wes through the new Syntax Production Assistant Desktop App, designed to streamline and automate their complex publishing process. From tech stack choices like Svelte5 and Rust to AI-driven features, they dive into how this tool keeps everything consistent.

• 00:00 Welcome to Syntax!
• 00:44 Brought to you by Sentry.io.
• 01:37 What was the idea?
• 05:42 The tech.
  • Svelte5, Tauri, Rust, FFMPEG.
• 08:32 Markdown editor.
  • ink-mde, Dillinger.
• 09:32 Epoch timestamps.
  • Epoch.vercel.
• 10:01 Updating front-matter.
• 10:10 Dexie.js function.
• 11:25 Backing up data.
• 11:58 Rust functions.
• 12:58 Why a desktop app and not a website?
• 14:38 Some small AI features.
• 16:26 Challenges with OAuth.
• 20:03 Publishing challenges.
• 23:29 Could this work on Windows?
• 23:54 Debugging.
• 26:23 Deciphering Apple logs.

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 episode of Syntax, Wes and Scott talk with Taylor Otwell, the creator of Laravel. Taylor shares insights on his journey from creating Laravel in his free time to building a strong community and user base. He discusses Laravel’s growth, including the major features and tools that were developed over the years. Taylor also shares his outlook on the PHP ecosystem, productivity tips, and plans for Laravel Cloud, a new deployment platform for PHP and Laravel applications.

• 00:00 Welcome to Syntax!
• 00:29 Laracon
• 03:13 Laravel’s inspiration and features
  • Intertia
  • Livewire
• 07:18 Why don’t we have a “Laravel for JavaScript”?
• 09:02 What parts of Laravel came first?
• 10:07 The Laravel ecosystem
  • Forge
  • Vapor
• 12:29 Laravel Cloud
• 14:00 What parts of Laravel are Intertia and what parts are React?
• 15:57 How many people are using Laravel?
• 16:59 Taylor’s productivity and development philosophy
• 24:43 Brought to you by Sentry.io
• 25:19 What makes a beautiful API?
• 29:33 Taylor’s thoughts on typing PHP
• 30:41 Features Taylor would like to see in PHP
• 33:03 What people get wrong about modern PHP
• 34:22 PHP stacks and CMSs
  • Nginx
  • FrankenPHP
  • Statamic
• 37:30 Taylor’s thoughts on WordPress
• 38:14 Lambo memes
• 43:44 Taylor’s coding setup
  • Sublime Text
  • Vs Code
• 45:36 Sick Picks + Shameless Plugs

• Taylor:
  • Tiny Glade
  • No Man’s Sky

• Taylor: Laravel Cloud

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 serve up a discussion on AI coding assistants with a deep look at Cursor AI, exploring its unique features like multi-line auto-complete and Smart Rewrites. They also discuss why Cursor’s intuitive UI stands out and tackle the big question: is it worth the investment?

• 00:00 Welcome to Syntax!
• 01:16 Brought to you by Sentry.io.
• 01:48 Handling objections around AI assistants.
• 02:55 Context windows and how they’re improving functionality.
  • Syntax.fm Episode 728 with Kevin Hou of Codeium
• 04:08 Cursor’s UI.
• 04:51 This is cool, why is it not a plugin?
• 08:12 What makes the UI interesting.
• 09:13 Smart Rewrites.
• 11:44 It can create multiple files.
• 13:05 Using the chat interface.
• 16:32 Another chat example.
• 20:22 The main features of Cursor.
• 21:55 Multi-line auto-complete.
• 23:55 Using docs for additional context.
• 27:26 AI is here to help you, not replace you.
• 33:27 Is it worth it?
• 33:55 The pricing.
• 44:10 Sick Picks & Shameless Plugs.

• Scott: The Iron Historian, Scott’s Salt & Pepper Mills.
• Wes: Oxo Salt & Pepper Mills.

• Scott: Syntax.fm Zed Theme.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes unveils his Hack-Week project —a thermal printer controlled by JavaScript that prints out Sentry.io errors in real-time. Scott and Wes dive into the nitty-gritty of how it works, from the ESC/POS protocol to tackling socket issues, and whether the project was worth the effort.

• 00:00 Welcome to Syntax!
• 00:38 Brought to you by Sentry.io.
• 01:10 What is Hack Week?
• 01:41 The project.
  • Follow the posts on X.
• 02:40 Why a receipt printer?
• 03:55 How do these printers work?
  • ESC/POS.
• 05:20 Communicating with the printer.
• 07:24 ESC/POS Encoder.
• ESC/POS Encoder.
• 08:42 Socket issues.
• 09:56 Using Transformers.js to stop ‘toxic comments’.
  • Xenova’s toxic-bert.
  • Implementation in Wes’ code.
• 10:48 Back to socket issues.
• 12:18 Integrating with Sentry.
• 15:01 Printing images with Playwright.
• 16:17 Was it worth it?

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 episode of Syntax, Wes and Scott talk with Daniel Thompson-Yvetot about Tauri. They dive into what Tauri is, the motivations behind its development, its open-source ecosystem, use cases, and more.

• 00:00 Welcome to Syntax!
• 02:01 What is Tauri?
• 02:59 What’s new in Tauri 2.0?
• 06:41 The benefits of Tauri over Electron
• 11:28 Can you use Node?
• 14:21 Mac, Linux, and Windows
  • Verso
  • Servo
• 25:05 How does Tauri make money?
  • CrabNebula
• 30:05 Brought to you by Sentry.io
• 30:30 Accessing Swift from JavaScript
• 31:44 What’s the hardest part of a project like this?
  • Haptics Plugin
• 37:00 Some of the apps that have shipped with Tauri
  • Cody
  • GitButler
  • Tauri Discord
  • Awesome Tauri
• 43:18 The future of Tauri
• 50:23 Sick Picks & Shameless Plugs

• Rustlings
• Cassidy Williams

• Daniel: 5secondfilms

• Guest: Manufacturing European Software (Coming Soon)

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 of Syntax, Scott and Wes answer your questions, from weighing the trade-offs between numerous small npm packages and a few larger ones to managing the challenges of work-from-home life. They also explore CSS modules, strategies for shrinking JavaScript bundles, and even where to find the best replacement ear cups for your headphones.

• 00:00 Welcome to Syntax!
• 00:38 Commentating basketball.
• 01:16 Brought to you by Sentry.io.
• 02:09 The video podcast doesn’t translate well to audio.
• 04:08 Many small npm packages vs a few large.
• 09:55 Developers dealing with WFH, ADHD, and kids.
• 15:59 CSS modules for scoping styles to components.
• 20:55 Scoped CSS in React?
• 23:21 Reducing JS bundle sizes.
  • Bundle Phobia.
  • Javascript Bundle Analysis [Beta].
• 29:44 Balancing learning, doing, and teaching.
• 33:04 Making maps local first.
• 36:20 How to pronounce ‘schema’.
  • Wes Bos Tweet.
• 37:09 HTML tag.
• 40:11 Where to get replacement ear cups for headphones?
  • wickedcussions.
  • Scott’s Audeze Headphones.
• 42:21 ESLint and hiding errors.
• 48:48 Sick Picks & Shameless Plugs.

• Scott: Allen Wrench Set.
• Wes: Clarkson’s Farm – Amazon Prime.

• Wes: Syntax.fm, YouTube

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 serve up a hasty discussion on side projects, sharing their latest Hack Week experiments and tips on how to turn fun ideas into profitable ventures. They cover everything from finding inspiration to choosing the right tech, and even offer advice on how to finish what you start.

• 00:00 Welcome to Syntax!
• 01:11 Brought to you by Sentry.io.
• 01:27 Wes’ Hack Week project.
• 02:30 Scott’s Hack Week project.
• 04:18 Where do you get ideas for side projects?
• 09:22 End goals for a side project.
• 14:47 Other end goals.
• 16:45 What tech should you use?
  • drop-in.
• 20:34 Keeping notes.
• 23:14 Finishing side projects.
• 26:39 Shameless Plugisode!

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 episode of Syntax, Wes and Scott talk with CJ Reynolds about the resurgence of meetups in a post-COVID world. They discuss the benefits of attending and speaking at meetups, and the logistics of organizing them. CJ also shares his experiences running the DenverScript meetup, including sourcing speakers, finding venues, and ensuring a welcoming community.

• 00:00 Welcome to Syntax!
• 01:35 Brought to you by Sentry.io
• 01:49 CJ’s history hosting meetups
  • DenverScript
  • Code Talent
• 06:35 How do you structure a meetup?
• 09:50 How do you raise awareness for a meetup and get people to attend?
  • Meetup.com
  • Guild
• 13:27 How to pay for a meetup
• 15:22 How to get speakers at meetups
• 16:50 The length of these talks
• 17:03 Does live-streaming hurt attendance?
  • Syntax 806 - The King of Drag and Drop: Alex Reardon
• 19:32 Is there a vetting process for finding speakers?
  • Syntax 019 - How to Get Into Speaking at Conferences
• 24:26 A meetup doesn’t have to be talks
  • Develop Happy Hour
• 27:48 What’s the worst part about hosting a meetup?
• 29:37 What was your first meetup like?
• 33:27 What’s the best meetup you’ve been to and why?
• 37:10 How to be a good attendee
• 40:45 Are meetups back?
• 44:00 Tips for organizing a great meetup
• 45:29 How to find a meetup
• 47:37 Sick Picks & Shameless Plugs

• CJ: Fillo’s Walking Tamales

• CJ:
  • DenverScript
  • You Should Use Hono in your Next Project

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 kick off part 1 of a 2-part series, breaking down 30 must-have apps for web developers and productivity enthusiasts. From file management tools to media utilities, they cover everything you need to supercharge your workflow.

• 00:00 Welcome to Syntax!
• 01:03 Brought to you by Sentry.io.
• 01:27 File management applications.
  • 01:43 DaisyDisk.
  • 04:19 Marta.
  • 07:50 EasyFind.
  • 10:16 Czkawka.
  • 12:53 Backblaze.
  • 14:40 Hazel.
  • 17:42 AutoMounter.
• 18:43 Media applications.
  • 18:52 Automator HIEC to JPG.
  • 20:04 Rant on QuickView.
  • 20:32 DVD idea.
  • 22:06 IINA.
  • 24:07 Capture One.
  • 25:02 YouTube Enhance.
  • 27:16 HandBrake.
  • 28:05 MakeMKV.
  • 30:33 Overkill for Mac.
  • 33:42 Search by Image.
  • 37:09 eqMac.
• 37:37 Utility applications.
  • 37:52 Stats & iStat Menu.
• 40:19 Alternatives to popular Mac applications.
  • 40:23 Ice.
  • 41:03 PearCleaner.
  • 43:08 Numi.
  • 44:17 Bottom (btm).
  • 44:53 Sip Color Picker.
• 50:25 Sick Picks & Shameless Plugs.

• Scott: Wilde Chips
• Wes: Apple TV+: The Big Conn

• Scott: Syntax on YouTube

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 break down why your CSS might suck—from misusing specificity to not leveraging CSS variables. Tune in as they dive into common pitfalls that are making your stylesheets a hot mess.

• 00:00 Welcome to Syntax!
• 00:33 Breakdancing in the Olympics.
• 05:29 Brought to you by Sentry.io.
• 05:44 Why your CSS sucks.
• 07:01 You’re styling the wrong element.
• 11:01 Nesting too deep.
• 12:37 You don’t understand specificity.
• 14:56 Your classes don’t use a system.
• 16:24 You’re using values instead of CSS vars.
• 20:16 You don’t understand block vs inline vs inline-block.
  • CSS Logical Properties
• 21:16 You aren’t using the right tool for the job.
  • CSS Flexbox, CSS Grid.
• 24:15 You’re setting the value in too many places.
• 24:31 You’re scoping to tightly or not tightly enough.

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 episode of Syntax, Wes and Scott talk with Ryan Dahl about Deno 2.0, its new features and use of web standards, and how it seamlessly integrates with popular frameworks like Next.js. Ryan shares insights on the motivations behind Deno’s creation, its emphasis on simplicity and security, and offers his take on the evolving JavaScript ecosystem.

• 00:00 Welcome to Syntax!
• 00:34 What is Deno?
• 05:08 Deno 2.0
• 07:49 NPM compatibility
• 09:40 What parts of Node aren’t doable in Deno?
• 11:22 Do we need a hard break from Require?
• 13:51 Package management
• 16:25 Security and performance benefits of Deno
• 20:57 Brought to you by Sentry.io
• 20:57 Thoughts on Bun and Node additions
• 26:25 Ryan’s favorite Deno projects
  • Lume
  • Fresh
  • webgpu-examples
  • gpucraft minecraft clone + deno + webgpu
  • gpucraft example
  • Shaderplay
  • Orillusion
• 28:42 Will we ever see a unified file system API?
• 31:49 Typescript
• 36:12 Jupyter Notebooks with Deno
  • Polars
• 39:11 AI and WASM in JavaScript
• 42:01 Deno 2.0 features and future
• 43:08 Sick Picks & Shameless Plugs

• Ryan: McCarren Park

• Ryan: https://deno.com/enterprise

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 episode of Syntax, Wes and Scott talk about HTML fundamentals — from basic structure and semantics to practical tips for better accessibility and SEO. They also discuss the difference between block and inline elements, form functionalities, HTML5 elements like dialog and canvas, and more.

• 00:00 Welcome to Syntax!
• 02:33 Brought to you by Sentry.io
• 03:25 Why HTML is important
• 06:52 Semantic vs non-semantic
• 07:58 The basic structure of an HTML page
  • HTML elements reference
  • The Main element
• 08:45 Doctype
• 15:24 Nav
• 18:47 Section
• 20:41 Aside
• 22:09 Article
• 22:54 Span
• 27:18 Why use a span when you have a div and a paragraph tag?
• 29:29 Figure and Caption
• 31:16 Fieldset
• 31:53 UL vs OL
• 32:44 DFN
  • The Definition element
• 34:16 Form
• 36:56 Button vs Anchor
• 38:22 Headings
  • 674 - A11y Treats - Heading Design
• 40:21 Output
  • The Output element
• 41:46 Dialog
• 42:04 Tables
• 44:03 Media
  • media-chrome
• 45:06 Canvas
  • https://githubuniverse.com/
  • https://maximeheckel.com/
• 46:07 On graphics programming
• 47:38 Search
  • 354 - The Surprisingly Exciting World of HTML Elements
• 48:27 Sick Picks + Shameless Plugs

• Scott: 2Pack Traditional Natural Bamboo Wok Brushes
• Wes: Logitech MX Master 3S

• Syntax YouTube Channel
• The Easiest Way to Infinite Scroll with React | Full Example

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 episode of Syntax, Wes and Scott talk about CSS’ new scroll-driven animations, its implementation, uses, and potential pitfalls. They also discuss animation-timeline and animation-range, and how they can be utilized to control animations based on scroll positions.

• 00:00 Welcome to Syntax!
• 00:46 Brought to you by Sentry.io.
• 01:35 Scroll-driven animations.
  • Syntax 695: 5 New CSS Features You Should Know
  • Scroll-driven animations demos and tools.
• 04:13 @keyframes.
• 05:22 animation-timeline.
• 11:35 animation-range.
• 08:49 View-based timelines.
• 17:45 Neat uses: Dave Rupert on styling :stuck.

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 episode of Syntax, Wes and Scott talk with Una Kravetz and Adam Argyle from Google Chrome about the evolution of CSS, new features, and the push toward more advanced UI capabilities on the web. They discuss the introduction of CSS versioning, exciting new properties like text-box-trim, state queries, and scroll state functionalities, select, and more!

• 00:00 - Welcome to Syntax!.
• 01:43 - Brought to you by Sentry.io.
• 02:19 - The evolution of CSS.
• 04:07 - CSS versioning and spec levels.
  • CSS RFC.
• 17:49 - Use-cases for allow-discrete.
• 20:34 - State queries.
• 24:19 - Where does the baseline data come from?
• 25:17 - Will the RFC become official?
  • The latest in Web UI (Google I/O ‘24).
• 27:33 - New features Una is excited about.
• 29:44 - Select.
  • https://open-ui.org/components/customizableselect.
  • https://codepen.io/argyleink/pen/YzoEPOG.
• 38:31 - New features Adam is excited about.
• 39:24 - text-box-trim.
• 40:59 - State queries.
• 54:56 - Sick Picks + Shameless Plugs.

• Una: Logitech MX Master 3
• Adam: Teenage Engineering K.O. II

• Una: Una.im
• Adam: The CSS Podcast

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 episode of Syntax, Wes and Scott talk about the latest features in Node.js, including native support for TypeScript, .env parsing, a built-in test runner, watch mode, SQLite integration, glob support, and top-level await. They also discuss some wishlist items, and experimental features like WebSocket support and the require module.

• 00:00 Welcome to Syntax!
• 01:13 Brought to you by Sentry.io.
• 01:37 Node.js new features.
  • Deno.
  • Bun.
• 02:51 TypeScript.
  • tsx.
  • swc/wasm-typescript.
• 10:03 SQLite v22.5.
• 14:35 .env support.
• 16:24 Test runner.
  • Jest.
• 19:42 Watch Mode.
  • nodemon.
• 21:22 Glob support.
• 22:48 Top-Level Await.
  • Top-level await is a footgun.
• 26:40 Experimental require module.
  • Default ESM Detection.
  • Web request standards.
  • HonoJS.
• 29:39 Experimental WebSocket support.
• 30:13 Async local storage.
• 31:43 Single file executables.
• 32:46 Wishlist.
  • 32:54 Hot reload.
  • 34:20 Window shim.
    • globalThis.
  • 35:30 Better server.
  • 35:56 Better terminal integration.
    • NIM.
    • styleText.
    • chalk.
    • warp.
• 41:36 Twitter responses.
  • Coolify.
  • n.
• 46:54 Sick Picks + Shameless Plugs.

• Scott: Cascadia
• Wes: Roborock Qrevo

• Scott: YouTube Channel

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 episode of Syntax, Wes and Scott talk about the latest CSS theming properties and techniques for better controlling light and dark modes, as well as creating comprehensive color systems for applications and websites. Make sure to check out the video version of this episode for practical code examples, and explanations of light/dark function, CSS variables, meta tags for theme colors, accent color, color mix, and upcoming features like style queries and color contrast.

• 00:00 Welcome to Syntax!
• 01:36 Brought to you by Sentry.io.
• 03:45 theme-color.
• 10:12 color-scheme.
• 15:14 light-dark().
• 17:44 How to force light or dark mode.
• 23:03 Live debugging box-shadow.
• 28:05 color-mix().
• 29:53 accent-color.
• 31:27 Relative color syntax.
• 35:49 Style queries and color-contrast().

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 episode of Syntax, Scott and Wes talk with Daily.dev’s Francesco Ciulla about the platform's history, community features, and significant growth. They dive into the core ideas behind daily.dev, including its personalized feed for developers, new features like squads, community contributions, and tech stack. Francesco also shares his passion for Rust, and highlights the importance of content creation in the ever-evolving tech landscape.

• 00:00 Welcome to Syntax!
• 00:36 Brought to you by Sentry.io
• 01:24 Overview and features of daily.dev
• 07:05 daily.dev's origin story
• 10:06 How Product Hunt fueled initial growth
• 12:21 Monetization and business model
• 13:53 Content and user experience
  • Syntax Squad
• 22:21 Written content vs video content
• 24:29 Tech stack
  • Terraform
  • Pulumi
  • React
  • Vercel
  • Fastify
  • Postgres
  • Go
• 25:37 Building a positive community
• 30:32 Moderation and tagging
• 35:03 Francesco's favorite place to publish right now
• 36:56 Quadrupling down on Rust
  • Rust
• 39:38 Francesco's favorite Rust framework
  • Actix
• 41:18 Sick Picks & Shameless Plugs

• Francesco: daily. dev

• Francesco: Francesco's YouTube Channel

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 of Syntax, Wes and Scott answer your questions about the future of JavaScript frameworks, building custom authentication systems, limiting API access, using Caddy server proxy for local development, component props in JSX, structuring a relational database, and more!

• 00:00 - Welcome to Syntax!
• 01:48 - Brought to you by Sentry.io
• 04:37 - The future of JavaScript frameworks
• 09:09 - How to use Caddy for local development
  • SvelteKit
  • Vite
• 14:27 - When to use an API
  • Strapi
• 17:38 - Where does Scott get his amazing t-shirts?
  • Sentry.shop
  • Syntax Snack Pack
• 21:33 - Best screwdriver for kids toys
  • PicQuic Sixpac Plus
  • LTT Screwdriver
• 24:31 - Strategies for database design
  • MongoDB
  • Prisma
• 30:21 - Do we need frameworks?
  • 796 - Do We Need JS Frameworks × Are You Over-Engineering? × Webview vs Native
  • Frontend Masters
• 32:19 - Best tech stack for building a basic login system
  • 336 - How To Build Your Own Auth
• 37:56 - Syntax video episodes
• 40:25 - Component props in JSX
• 45:26 - Sick Picks & Shameless Plugs

• Scott: Loop Quiet Ear Plugs
• Wes: Gecko’s Toes Water Hose Rack

• Scott: Syntax YouTube Channel

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 episode of Syntax, Wes and Scott talk about CSS components, including class-based components, CSS modules, scoped CSS, utility CSS, and CSS-in-JS strategies. They share their thoughts, what differentiates these approaches, and why you may (or may not) want to use them.

• 00:00 - Welcome to Syntax!
• 01:30 - Brought to you by Sentry.io.
• 02:11 - What makes a good CSS component system?
• 07:54 - Component vs part of a component
• 13:26 - CSS Modules
• 15:56 - Scoped CSS
  • @scope - (82% support!) ff behind flag
    • https://developer.mozilla.org/en-US/docs/Web/CSS/@scope
• 21:07 - How is Panda different from style components?
  • Panda
  • StyleX
• 00:00 - Utility CSS
  • TailwindCSS
  • Uno
• 31:08 - Utility Sprinkles
• 34:13 - CSS variables
  • open-props.style

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 talk with Alex Reardon from Atlassian about developing drag-and-drop libraries, specifically the challenges with creating efficient and accessible drag-and-drop functionalities for the web. They also explore what it takes to build and implement a system that works seamlessly across various frameworks.

• 00:00 Welcome to Syntax!
• 01:18 Brought to you by Sentry.io.
• 01:51 What Alex does at Atlassian
  • react-beautiful-dnd
  • Pragmatic drag and drop
• 04:38 What makes drag and drop tricky.
• 06:38 Use-cases.
• 10:54 What security is in place?
• 12:30 How to make it feel native.
• 19:20 Is the drag and drop spec ongoing?
• 20:03 How do you build this headless?
• 21:33 How does drag and drop work with frameworks?
• 23:48 Making drag and drop feel the same across mobile and desktop.
• 26:09 What’s the key to really good drag performance?
• 29:58 How do you make drag and drop accessible?
• 34:57 Pragmatic drag and drop code vs application code.
  • Shoelace
  • shadcn
• 40:00 How does testing work?
  • Playwright
  • Cypress
• 43:15 Internal adoption at Atlassian.
• 44:27 Working on high-impact projects.
• 49:15 Versioning and internal adoption at Atlassian.
• 51:29 Sick Picks + Shameless Plugs.

• Alex: Coffee, James Hoffmann YouTube Channel.

• Alex: Dom Events.

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 serve up their reaction to the “State of React 2023” survey results, discussing the main API pain points like forwardRef and memo. They also explore the latest on state management, hooks pain points, and exciting new libraries in the React ecosystem.

• 00:00 Welcome to Syntax!
• 01:41 Brought to you by Sentry.io.
• 02:28 The State of React 2023.
• 03:11 The Main API Painpoints.
  • 04:31 forwardRef.
  • 05:27 memo.
  • 06:39 Context API.
  • 07:18 StrictMode.
  • 08:45 Double rendering.
  • 09:36 State management.
• 11:58 Hooks Pain Points.
  • 12:11 useEffect.
  • 12:33 Dependency arrays.
• 13:11 New API Pain Points.
  • 13:19 React Server Components.
  • 14:40 Taint API.
• 15:19 Libraries.
  • 17:02 Jotai.
  • 17:45 Apollo Client.
  • 19:05 Redux.
  • 20:57 Redwood.
  • 21:26 React Aria.
  • 21:55 Astro.
  • 22:04 The most negative.
• 23:35 Component Libraries.
• 25:50 Other Component Libraries.
  • 25:53 Mantine.
  • 27:47 Details element.
  • Tolin.ski/demos.
  • 28:59 Honorable mentions.
• 29:07 Animations.
• 29:28 Data Visualization.
• 31:26 CSS Tools and Libraries.
• 33:14 Styled Components.
• 34:16 Meta Frameworks.
• 38:50 Hosting.
• 40:08 Other Services.
• 40:45 Back-end language trivia.
• 43:00 State management.
• 43:40 Data Loading.
• 44:08 Other Tools.
• 44:09 Testing Libraries.
• 44:45 React Renderers.
• 47:58 Podcasts, thank you!
• 48:14 Sick Picks & Shameless Plugs.

• Scott: Thermacell.
• Wes: Nerf Guns

• Wes: Syntax.fm.

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 debate whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript.

• 00:00 Welcome to Syntax!
• 00:11 Take 2
• 01:43 Brought to you by Sentry.io.
• 02:19 The clip summarized.
  • 03:16 Your website should load, be readable and be (mostly) styled without JavaScript.
  • 07:32 Web standards first. If it can be done without JavaScript, it should be.
    • 08:09 What if the CSS doesn’t load?
    • 10:20 Linking
    • 10:24 Forms.
    • 12:11 Links (Duh, but also c’mon!)
    • 12:35 Query parameters.
  • 13:57 Server render if possible.
• 15:20 Progressive Enhancement.
  • 17:24 CSS Page Transitions.
• 19:07 Let’s test websites out.
  • 19:15 Shopify.
  • 22:16 Syntax.fm.
  • 25:23 Netflix.
    • 27:27 Local first and offline service workers.
  • 29:27 TikTok.
  • 29:33 GitHub.

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 chat with Glauber Costa from Turso about the evolution of databases and the fascinating technology behind Turso. They dive into topics like the benefits of massive multi-tenancy, vector search, and why Glauber made the switch from NoSQL to relational databases.

• 00:00 Welcome to Syntax!
• 00:36 Turso’s relationship with Drizzle.
• 02:10 What is Turso?
• 04:23 Brought to you by Sentry.io.
• 04:48 Using libSQL without Turso.
• 06:21 An explanation of Vector Search.
• 07:16 Vector databases are being ‘Sherlocked’ by larger databases.
• 09:24 Why did you move from NoSQL to Relational?
• 12:00 Allows for massive multi-tenancy - what does that mean?
• 15:27 Transactional schema changes.
• 16:30 Why would you want 10,000 databases?
• 19:02 What makes SQLite cheaper?
• 22:59 The strategy for building a business around an inexpensive tool.
• 26:13 Pull requests and branching within SQLite.
• 28:52 Database snapshots for rollbacks.
• 31:14 Driving the cost of a database to zero allows for rethinking architecture.
• 32:35 SQLite informing Turso’s edge functionality.
• 36:56 Automatic replica database syncing.
• 39:10 Is the database a bottleneck?
• 39:25 Embedded Replicas.
• 40:04 How do embedded replicas handle conflict resolution from offline users?
• 41:43 If the server is offline, can the database live in the client or WASM?
• 43:09 Conflict resolution.
• 44:47 What makes Turso stand out?
• 47:51 What was it like working on the Linux Kernel?
• 51:57 Do you use Linux?
• 52:46 Sick Picks & Shameless Plugs.

• Glauber: Understanding yourself, What is Aphantasia.

• Glauber: React Rally Park City, UT, Turso, Laravel.

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 serve up a gameshow-style quiz with STUMP’d, challenging each other on web development trivia. From the differences between useMemo and useCallback to the intricacies of the JavaScript event loop, join them for a fun and informative session packed with web dev insights!

• 00:00 Welcome to Syntax!
• 01:17 Brought to you by Sentry.io.
• 02:03 The longest game of Rock, Paper, Scissors.
• Round 1
• 03:22 In React, what is the difference between useMemo and useCallback hooks, and in what scenarios would you choose one over the other?
• 05:56 Explain the concept of “tree shaking” in modern JavaScript build tools. How does it work, and what are its benefits?
• Round 2
• 09:11 In the context of CSS Grid, explain the difference between grid-template-areas and grid-area.
• 11:34 What is the “Temporal Dead Zone” in JavaScript, and how does it relate to variables declared with let and const
• Round 3
• 13:29 Describe the inner workings of the JavaScript event loop, including the roles of the call stack, callback queue, and microtask queue.
• 17:10 What is the “Shadow DOM” in web components, and how does it differ from the regular DOM?
• Round 4
• 20:05 Explain the process of Critical Rendering Path optimization in modern web browsers
• 26:14 Describe the purpose and functionality of the Intl.Segmenter API in JavaScript.
• Round 5
• 30:03 Explain the concept of Web Assembly (WASM) and its role in modern web development.
• 32:11 Explain the concept of Svelte stores, particularly focusing on the differences between writable, readable, and derived stores.
• Round 6
• 35:26 Explain the concept of “code splitting” in modern JavaScript applications.
• 37:00 Describe advanced techniques for maintaining an accessible focus order in web accessibility.
• Round 7
• 45:15 Explain the concept of “Server-Sent Events” (SSE) in web development.
• 47:37 What’s the difference between contain layout and contain paint?
• 49:30 Sick Picks & Shameless Plugs.

• Scott: diskprices.
• Wes: Slime Tire Sealant.

• Scott: Syntax on YouTube.

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 serve up six exciting new JavaScript proposals, including Promise.try and Math.sumPrecise. They break down what each proposal means for developers and how these new features could change the way we write JavaScript.

• 00:00 Welcome to Syntax!
• 01:45 Understanding the stages of JavaScript Proposals.
• 04:04 Promise.try - Stage 3.
• 05:39 Math.sumPrecise - Stage 2.7.
• 07:28 Floating point math.
• 09:07 ShadowRealm - Stage 2.7.
• 11:39 Brought to you by Sentry.io.
• 12:03 Regex Escape - Stage 2.
• 13:33 Defer Module Evaluation - Stage 2.7.
• 15:09 Iterator Sequencing - Stage 2.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

In episode 800 of Syntax, Scott and Wes sit down with John Resig, the creator of jQuery, to discuss the current state of React and TypeScript. They dive into the evolution of frontend frameworks, the challenges of server-side rendering, and the tech stack at Khan Academy.

• 00:00 Welcome to Syntax!
• 00:59 Brought to you by Sentry.io.
• 01:32 What is jQuery?
• 05:31 Did you anticipate the success jQuery had?
• 07:16 allow-discrete, @starting-style.
  • Install Nothing: App UIs With Native Browser APIs - Scott Tolinski.
• 07:54 Building the community around jQuery.
• 11:16 jQuery plugins.
• 13:00 Did you ever make money from jQuery?
• 16:13 What is your role at Khan Academy.
• 17:58 What is the tech stack at Khan Academy?
• 21:56 Why do you want to change your CSS and JS framework?
• 24:03 TypeScript vs Flow.
• 25:25 GraphQL federation.
• 28:08 What was your frontend framework journey?
• 30:23 Is there any part of React you wish would improve?
• 32:37 Reservations using React Router.
• 33:14 Khan Academy web platform vs native platform.
• 35:21 What do you use for state management?
• 38:48 What’s harder than it should be on the web today?
  • Kilian’s Question On X.
  • Polypane.app.
• 42:46 Opinions on JavaScript Sprinkles.
• 44:04 What’s with the $ sign in jQuery?
• 45:29 The challenges of having your name in such a widely used software.
• 51:06 Challenges with server-side rendering in React.
• 52:42 Sick Picks & Shameless Plugs.
• 54:48 What are the performance issues associated with internationalization?
• 56:57 Back to Sick Picks & Shameless Plugs.

• John: Biome, Remix, Lingui.

• John: Khan Academy.

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 serve up the latest and most under-utilized browser APIs that are changing the game for web development. From the @starting-style CSS API to scroll-snap and popovers, they break down how these tools can elevate your projects with minimal effort.

• 00:00 Welcome to Syntax!
  • Install Nothing: App UIs With Native Browser APIs – Scott Tolinski.
  • Tolin.ski Demos.
• 01:03 Brought to you by Sentry.io.
• 02:15 When to use these tools.
• 03:45 @starting-style CSS API.
• 08:23 Transition behavior allow-discrete.
  • Dialog CSS.
• 11:56 calc-size(auto).
• 16:19 scroll-snap.
  • Swiper Indicators.
  • Slide Show.
  • Scroll To Options Snap-Additions.
  • Adam Argyle Tweet.
• 22:05 View Transitions.
  • Cross-document view transitions for multi-page applications
• 33:28 Popover API.
  • Tolin.ski Demos Popover Basic.
  • Tolin.ski Demos Popover Action.
  • Tolin.ski Demos Popover Anchor.
  • Tolin.ski Demos Popover Compat
  • Tolin.ski Demos Popover Mobile-Nav.
• 41:15 Dialog.
  • Tolin.ski Demos Drawer CSS.
• 48:12 Details.
  • Tolin.ski Cool-Treats Accordion.
• 53:26 Sick Picks & Shameless Plugs.

• Scott: Emerge Tools.
• Wes: Apple TV+ Hacks.

• Scott: Local First from Scratch.

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 serve up an episode on reverse proxy servers. They discuss popular options like CF Tunnels, Caddy, Nginx, Apache, and more, explaining why you might need one for load balancing, SSL certificates, security, and managing multiple servers.

• 00:00 Welcome to Syntax!
• 01:30 Brought to you by Sentry.io.
• 02:25 What is reverse proxy?
• 03:16 Some examples of reverse proxies.
• 05:04 Why do you need a reverse proxy?
  • 05:09 Combining multiple servers.
  • 06:51 Load balancing.
  • 07:23 SSL certificates.
  • 10:30 Security.
    • 10:37 Conceal your true IP.
    • 11:24 Access management.
  • 12:31 Routing static assets.
  • 13:31 CDN / local.
• 15:55 Caddy × websocket support.

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 chat with Alex Blokh and Andrew Sherman, the co-founders of Drizzle ORM, about building a modern ORM from the ground up. They dive into the importance of type safety, creating filters with Drizzle, and the differences between Drizzle and other ORMs like Prisma.

• 00:00 Welcome to Syntax!
  • Syntax × Drizzle Swag.
• 01:15 What is Drizzle?
• 02:36 The genesis of Drizzle.
• 04:15 The process of building an ORM.
• 05:38 ‘100% Type-Safe’ and why that’s not a great goal.
• 07:50 Who is responsible for writing the complicated TypeScript?
• 09:40 Is an ORM necessary for anyone working with data?
• 12:15 Creating a product that fits different complexities.
• 13:19 Brought to you by Sentry.io.
• 13:44 Creating filters in Drizzle. Callback-based, or imported. Why?
• 19:22 Drizzle vs Prisma vs Kysely.
• 22:45 Are you friendly with Prisma?
• 23:35 Relational queries.
• 25:17 Query vs select.
• 27:42 Maintaining so many different technologies.
• 30:37 Switching databases.
• 31:39 Drizzle Studio.
  • Drizzle Studio Syntax Theme.
• 35:00 Accessing Cloudflare D1 SQLite requires connection through a worker.
• 37:40 Drizzle Kit.
• 41:37 Will you ever support MongoDB?
• 42:10 Supporting PGlite and local data storage landscape.
  • DrizzleORM v0.30.6 release notes.
• 44:00 Being a developer in Ukraine in 2024.
  • How to support Ukraine: Savelife, United24.
• 51:07 Drizzle is expanding.
• 53:50 Sick Picks + Shameless Plugs.

Andrew - Smart Swim Goggles.

Andrew - Savelife, United24. Scott - Syntax × Drizzle Swag.

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 tackle a variety of audience questions, from the nuances of over-engineering to the energy consumption of AI LLMs. They also discuss the pros and cons of monorepos, frameworks, and the ever-important question: Do you really need to learn all the developer tooling?

• 00:00 Welcome to Syntax!
• 00:41 Brought to you by Sentry.io.
• 01:07 Challenges around a resume playback function.
• 05:56 Why use Google Forms for Potluck questions?
• 07:57 What constitutes over-engineering and how to avoid it.
• 13:28 Webview vs native component based mobile apps.
• 18:06 Running and managing monorepos.
• 20:59 Energy consumption of AI LLMs vs static web content.
  • A guide to LLM inference and performance.
  • From Words to Watts: Benchmarking the Energy Costs of LLM Inference.
• 25:19 Why do we need frameworks?
  • Frank M Taylor Blog Post.
• 33:05 Handling ad-blockers blocking Sentry and other tools.
  • Syntax GitHub.
• 38:25 Creating sites without JavaScript.
• 42:49 Do I really have to learn all the various developer tooling?
  • Wes Bos Tweet.
• 44:47 What are the best ways to network and meet other developers?
• 50:16 Sick Picks & Shameless Plugs.

• Scott: Tweek App/
• Wes: Rain-X Waterless Car Wash.

• Scott: Swag Store.
• Wes: Audio Player Updates.

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 dish out the intricacies of hosting private fonts using Cloudflare Pages. They explore the challenges of font security, the benefits of a font server, and the nuances of caching and whitelisting to keep your fonts secure and efficient.

• 00:00 Welcome to Syntax!
• 01:53 Behind the Code: Brought to you by Sentry.io.
• 03:12 The problem with hosting fonts.
  • Scott’s Fonts.
• 05:42 The solution, a font server with Cloudflare Pages.
• 09:37 Utilizing a Key Value Store.
• 10:53 Storing a whitelist.
• 13:42 Why not just use a bucket?
  • Check out the code.
• 15:24 Should whitelisting be done in JavaScript or cores?
• 17:23 How do you cache to multiple origins?
• 18:15 Multiple URLs in an allow origin.
• 19:17 Font security and foundry challenges.
• 21:43 Moving Domains on Cloudflare.

Check out the font Syntax uses! MD-IO.

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 sit down with Vjeux from Meta to dive deep into the origins and evolution of Prettier, the widely-used code formatter. They discuss the challenges faced, the decision-making process behind its features, and what the future holds for this indispensable tool in the developer’s toolkit.

• 00:00 Welcome to Syntax!
• 01:45 Brought to you by Sentry.io.
• 02:19 New swag!
• 03:25 Who is Vjeux?
• 06:56 Is management the key to successful projects?
• 08:50 The genesis of Prettier.
• 12:08 Why other JS formatters didn’t work.
• 16:56 Focusing on edge-cases.
• 17:41 The goal for Prettier.
  • Prettier Philosophy.
• 18:31 Next step, integrations.
• 19:37 Should you run Prettier on save or commit?
• 21:34 Does Prettier’s limitations lead to higher adoption?
  • Prettier Config.
• 25:01 What was the most controversial default setting?
• 28:14 Does Facebook use semicolons?
• 29:18 Getting approval to devote 6 months to Prettier.
• 31:42 Working with Mark Zuckerberg.
• 32:43 Was there ever consideration to augment ESLint instead?
  • Prettier vs. Linters.
• 35:34 What are your thoughts on the Rust-based alternatives?
• 36:44 Prettier’s $10,000 bounty.
• 39:32 What is the future of Prettier?
• 44:54 Prettier is available in almost every language.
• 47:59 Advice for other open-source maintainers.
• 53:26 Sick Picks & Shameless Plugs.

• Vjeux: TransformersJS.

• Vjeux: Prettier x Syntax Swag.

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 dive into the local first landscape, exploring the benefits and possibilities of local first apps. They highlight some of their favorite tools and discuss why local first is gaining traction among developers.

• 00:00 Welcome to Syntax!
• 00:27 Behind the Code: Brought to you by Sentry.io.
• 01:06 Catch up with Wes and Scott.
• 03:00 The local first space.
  • Scott’s Blog: The Spectrum of Local First Libraries.
  • Syntax 739: The Lofi Movement.
• 04:27 Some local first apps we love.
  • Linear.
  • Tweek.so.
  • Superhuman.
• 05:15 The advantages of local first.
• 06:07 localfirstweb.dev.
  • 09:21 Triplit.
  • 15:33 Evolu.
  • 22:32 RxDB.
  • 24:08 ElectricSQL.
  • 26:57 Pouchdb.
  • 28:46 TinyBase.
  • 32:08 Replicache.
  • 44:31 PowerSync.
• 48:21 Sick Picks & Shameless Plugs.

• Scott: Battery Jump Starter.
• Wes: Battery Tire Pump.

• Wes: Syntax Swag

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 break down the importance of sitemaps for SEO. They dive into the different file formats, essential fields, and common pitfalls to avoid when creating and submitting your sitemap to search engines.

• 00:00 Welcome to Syntax!
  • New Swag Coming Soon.
  • Tolin.ski.
• 02:09 Brought to you by Sentry.io.
• 02:39 Sitemaps.
• 04:36 Why do you need a sitemap?
• 06:34 Sitemap file formats.
  • 08:31 Choosing a file format.
  • 09:17 Site map file size limits.
  • 10:32 Fully-qualified URLs.
• 10:50 Fields and metadata.
  • 10:58 What fields matter for SEO?
• 14:20 What to avoid in your sitemap?
  • 14:23 Dynamic user pages and account pages.
  • 14:43 Parameter-based URLs.
  • 16:01 Redirects, duplicates or disallowed pages.
  • 16:11 Unlisted pages.
• 17:07 How do you make a sitemap?
• 20:06 What to do once you have a sitemap.
  • 20:08 Validation.
  • 20:20 Submit to search engine.
    • Bing Webmaster Tools.
    • Google Search Console.
  • 22:11 Cache them!

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 chat with Richard Davison from AWS about LLRT, a new runtime tailored specifically for Lambda. They dive into the benefits of using LLRT, challenges with JavaScript in serverless, and why Rust was chosen for its development.

• 00:00 Welcome to Syntax!
• 01:07 Who is Richard Davison?
• 05:11 What is LLRT and what’s the motivation for building it?
• 08:25 AWS Lambda example.
• 11:20 What makes LLRT specifically tailored to Lambda?
• 14:55 Brought to you by Sentry.io.
• 15:22 Node.js in Lambda.
• 16:00 What are some challenges that people have with JavaScript in serverless?
• 17:20 Lambda memory configuration.
• 19:23 Managing cost of compute.
• 21:29 Simpler and faster than Node, Bun, Dino, but not a replacement.
• 22:31 The benchmarks.
• 27:00 Quick.js, the main reason for the performance gains.
  • Fabrice Bellard QuickJS.
• 28:03 The Quick.js engine.
• 30:35 What was the reason behind creating Quick.js?
• 33:46 What made you pick Rust for LLRT?
• 36:34 Abstractions and the value of speed.
• 39:08 The JIT Compiler.
• 42:38 Compile cache.
• 43:27 De-optimizations.
• 44:59 Node.js Compat, what to use and avoid with LLRT.
  • GitHub AWS Labs Compatibility Chart.
• 47:52 Will you target with WinterCG spec?
• 50:22 Streams API.
• 52:06 What about WebSockets?
• 53:10 Is this going to be promoted from a labs project?
• 54:49 Sick Picks + Shameless Plugs.

• Richard: QuickJS Engine, JSLinux.

• Richard: Javascript

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 dive into the 2023 State of JavaScript survey, breaking down the latest trends and pain points in front-end frameworks, build tools, and JavaScript runtimes. Tune in for their hot takes and insights on what’s shaping the JavaScript landscape this year!

• 00:00 Welcome to Syntax!
  • State of JS 2023.
• 03:04 Brought to you by Sentry.io.
• 03:43 New Syntax Swag!
  • Syntax Swag Store.
• 04:42 Front end frameworks.
• 08:30 Front end framework pain-points.
• 12:17 Metaframeworks.
• 17:45 Metaframework pain-points.
• 22:17 Build tools.
  • Rolldown.
• 24:45 Build tool pain-points.
• 25:54 JavaScript runtimes.
• 28:19 Edge + serverless runtimes.
• 29:30 Backend frameworks.
• 33:17 Non-JavaScript languages.
• 36:12 Hosting service.
• 38:50 Usage.
• 40:05 Javascript usage.
• 41:03 Missing features.
• 45:04 Industry sector.
• 47:37 The awards.
• 51:34 Sick Picks + Shameless Plugs.

• Scott: Electric Lighter.
• Wes: Monkey Noodle.

• Wes: Syntax Swag Store.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Join Scott and CJ as they dive into the fascinating world of AI, exploring topics from LLM token sizes and context windows to understanding input length. They discuss practical use cases and share insights on how web developers can leverage larger token counts to maximize the potential of AI and LLMs.

• 00:00 Welcome to Syntax!
• 01:31 Brought to you by Sentry.io.
• 02:42 What is a token?
  • Quizgecko GPT-4 Token Counter.
• 04:22 Context window sometimes called “max tokens”.
  • OpenAI Platform Models.
  • Claude Models.
• 10:42 Understanding input length.
• 11:59 Models + services with big token counts.
  • Gemini Docs.
• 13:22 Generating open API documentation for a complex API.
• 17:29 Generating JSDoc style typing.
  • Drop-In stolinski GitHub.
• 21:07 Generating seed data for a complex database.
  • bytedash w3cj GitHub.
• 24:34 Summarizing 8+ hours of video.
• 29:35 Some things we’ve yet to try.
• 31:32 What about cost?
  • Google AI for Developers Cost.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

CJ: X Instagram YouTube TwitchTV

Randy: X Instagram YouTube Threads

Scott and CJ chat with Paul Copplestone, CEO and co-founder of Supabase, about the journey of building an open source alternative to Firebase. Learn about the tech stack, the story behind their excellent documentation, and how Supabase balances business goals with open-source values.

• 00:00 Welcome to Syntax!
• 00:30 Who is Paul Copplestone?
• 01:17 Why ‘Supa’ and not ‘Super’?
• 02:26 How did Supabase start?
  • 04:29 How long from inception to joining Y Combinator?
  • 05:10 Was it always intended to be open source?
    • Why Open Source.
  • 07:22 How many users chose to self-host?
  • 07:49 Open source mindset.
• 08:42 Simplicity in design.
• 10:32 How do you take Supabase one step beyond the competition?
• 12:35 How do you decide which libraries are officially supported vs community maintained?
  • 15:17 You don’t need a client library!
• 16:48 Edge functions for server-side functionality.
• 18:51 The genesis of pgvector.
• 20:59 The product strategy.
• 22:25 What’s the story behind Supabase’s awesome docs?
• 25:26 The tech behind Supabase.
  • 25:39 What is the UI built on?
  • 27:33 Consolidation follows kaizen.
  • 28:54 What else is involved in the stack?
  • 31:47 Authentication.
  • 32:35 Storage engine.
  • 33:13 For self-hosting.
• 35:46 How do you balance business goals with open source?
• 42:01 What’s next for Supabase?
• 44:15 Supabase’s GA + new features.
  • Top 10 LAunches from Supabase GA Week.
• 48:24 Who runs the X account?
• 50:39 Sick Picks + Shameless Plugs.

• Paul: Apple Vision Pro.

• Paul: PostgreSQL.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

CJ: X Instagram YouTube TwitchTV

Randy: X Instagram YouTube Threads

Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles.

• 00:00 Welcome to Syntax!
• 00:46 Brought to you by Sentry.io.
• 02:24 What is Vue?
  • 04:13 Similar to Svelte, different from React.
• 05:35 How to get started with Vue.
  • 05:43 Script tag.
  • 06:01 CLI.
  • 07:10 The value of an opinionated CLI.
• 10:51 Why do you like Vue.js over React or Svelte?
  • 11:03 Less boilerplate.
  • 15:24 Self-closing tags.
  • 16:09 Svelte parsing HTML tags incorrectly.
    • Hacker News Article.
  • 17:08 Easily adding event handlers to elements.
  • 18:20 Conditional rendering.
  • 19:19 What is a directive?
  • 20:29 ‘Borrowing’ from Angular One.
  • 21:07 Styles are built in.
  • 22:11 Tailwind for scoping.
  • 26:08 State management.
  • 30:28 Ref Functions similar to Svelte Runes.
  • 32:03 Global state management.
  • 34:24 Pinia.
• 36:18 What is the full-stack application platform for Next.js?
• 38:00 Nuxt auto-imports.
  • sveltekit-autoimport.
• 39:37 Creating API functions and server side codes.
• 41:12 The future of Vue and compilers for front end frameworks.
• 41:43 Vue’s compiler.
• 44:19 Are people actually using Vue?
• 46:50 Laravel and Vue.
• 48:29 Sick Picks & Shameless Plugs.

Vue.js: The Documentary.

• Scott: Jordan Roam Slides.
• CJ: USB Charging Hub

• Scott: Syntax on GitHub
• CJ: Syntax.fm

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 CJ dive into the world of open source, breaking down its meaning, benefits, and the various types of licenses you’ll encounter. From permissive licenses like MIT and Apache 2.0 to copy-left licenses such as GNU GPLv3, they’ll help you choose and apply the right license for your project.

• 00:00 Welcome to Syntax!
• 00:54 Brought to you by Sentry.io.
  • Sentry Open Source.
  • Giving away $500,000 to open source projects.
• 01:56 What is open source?
• 03:19 This is not legal advice.
• 03:51 Source available ≠ open source.
  • No Permission.
• 06:39 The benefits of open source.
  • 07:26 Educational.
  • 07:52 More Secure.
  • 09:32 Community-oriented.
    • Scott’s Habit Path
• 11:29 Types of licenses.
  • 12:09 Permissive licenses.
    • 12:26 MIT License.
    • 14:37 Apache 2.0 license.
  • 15:31 Copy Left licenses.
    • 15:58 GNU GPLv3.
  • 18:16 Copy Left + permissive.
    • 18:23 (Mozilla Public License) MPL.
  • 19:31 Business licenses.
    • 19:35 Functional Source License.
    • 23:16 Companies using BUSL.
    • 24:41 Server Side Public License (SSPL).
• 26:56 Choosing and acknowledging licenses.
• 29:13 Applying a license to your directory.

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 dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development.

• 00:00 Welcome to Syntax!
• 00:30 What does the React Compiler do?
• 05:04 Will React Compiler help with managing Context?
• 06:39 What happens if you’re not using a React Compiler?
  • react.dev Playground.
• 09:30 Will this work on any NextJS version?
• 12:18 What are React Server Components?
• 16:28 Shipping all the data inside an encapsulated component.
• 20:17 Clearing up the frustrations around retrofitting server components.
• 23:13 Handing migration.
• 28:30 Is this just a fetch request with props?
• 36:41 How closely are the NextJS and React teams working?
• 41:53 Will we ever get Async Client Components?
• 43:52 Async Local Storage API.
• 45:31 Turbopack.
• 57:51 Sick Picks & Shameless Plugs.

• Tim: Apple TV Sci-Fi.

• Tim: Turbopack, Next.js 15 RC, Sentry NextJS.

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, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood.

• 00:00 Welcome to Syntax!
• 00:13 How to submit a question for future episodes.
  • Potluck Questions.
• 02:46 Brought to you by Sentry.io.
• 03:21 Logging from a site.
• 08:39 Blogging in 2024.
• 11:49 Sharing website environmental data.
  • Green Web Foundation.
  • Website Carbon Calculator.
  • Syntax Site Results.
  • Scott’s Site Results.
• 17:38 Using LangChain when working with LLMs.
• 21:03 CSS Hyphens and Overflow-Wrap.
  • Hyphens Browser Compatibility.
  • Overflow-Wrap.
• 25:52 Similarities between WASM, JVM and .NET.
• 27:25 Writing unit testing and integration testing.
• 32:00 How can new parents stay current on web development trends?
• 34:47 Working globally as a freelance developer.
• 37:26 Scott’s audio setup. Why audio interfaces have DSP built in.
  • ChaseBliss Pedal.
• 43:04 UI libraries for synth/audio plugins.
• 44:02 CSS module scripts.
  • CSS Modules in CSS Module Scripts.
• 48:39 Sick Picks + Shameless Plugs.

• Scott: Deep Cover Podcast.
• Wes: Pressure Washer Surface Cleaner.

• Wes: Syntax.fm/videos.

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 dive into the world of browser caching for audio files, exploring the File System API and the Cache API. They discuss size restrictions across different browsers, how tools like Riverside.fm leverage IndexedDB, and walk through code examples for creating, retrieving, and managing cached audio data.

• 00:00 Welcome to Syntax!
• 02:07 Brought to you by Sentry.io.
• 02:33 The file system API.
• 03:08 The Cache API.
  • Mozilla Developer Cache API.
  • Airhorner, a good example.
• 04:24 Size restrictions per browser.
• 07:04 How tools like Riverside.fm use IndexedDB.
• 08:47 Data eviction (too much data).
• 10:16 What we’re using it for and how.
• 12:17 How do we do this in code?
• 14:37 Creating the cache.
• 16:18 Retrieving from cache manually.
• 19:00 Adding metadata.
• 19:37 A live debugging.
• 22:39 Persistent storage.
  • web.dev Persistent Storage.
  • Hackernoon Persistent Storage.
• 26:10 Media score.
  • Chrome Autoplay Policy.

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 CJ are joined by Stephen Nixon of ArrowType to delve into the world of fonts and type for developers. They explore the intricacies of font creation, the utility of variable fonts, and offer tips for making visually appealing typography on the web.

• 00:00 Welcome to Syntax!
• 00:57 Who is Stephen Nixon?
  • Process Type Foundry.
  • Mark Simonson Proxima Nova.
• 05:42 What is a type foundry exactly?
  • ArrowType.
• 09:09 Font / type making.
  • 09:15 How do you make a font?
    • RoboFont.
    • Glyphs.
  • 11:58 Fonts vs typefaces.
  • 13:02 How many fonts have you made?
  • 14:17 What are variable fonts and how can web developers utilize them?
  • 19:22 Animating fonts.
    • Variable Fonts.
    • Recursive.
  • 20:28 Do you code your demo sites yourself?
  • 21:50 Are variable fonts more complex to design (and develop).
    • Matthew Carter Adobe Fonts, Matthew Carter Wiki.
    • Multiple Masters Variable Fonts.
    • Just My Type.
  • 27:03 Hand painted fonts.
    • House industries.
    • Golden Sign Co.
    • Gen Ramirez.
  • 29:39 Creating a monospace font.
  • 32:19 Creating fonts with dyslexia accessibility in mind.
• 37:58 Typography for the web.
  • 38:29 What are some 80/20 rules developers can employ to make more visually appealing typography?
  • 40:58 Type scale calculations.
    • Scott’s Fluid Type Calculator.
  • 45:42 What are your biggest web type pet peeves.
  • 48:46 Do you have any favorite type tools?
    • Wakamifondue.
    • Fixing Variable Font Inheritance.
• 50:34 Supper Club Questions.
  • 50:44 How do you feel about ligatures in coding fonts?
    • Ligatures In Programming Fonts Hell No.
  • 55:11 What font do you use?
    • Name Sans v05.
    • Name-Mono.
  • 56:43 What is your favorite font of all time?
    • Typotheque.
    • Soehne.
    • Grillitype Typefaces.
    • Phnotype.
• 58:49 Sick Picks + Shameless Plugs.

• Stephen: Children of Time, No-Recipe Recipes.

• Stephen: ArrowType, Skewing Fonts.

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 of Syntax, Scott and CJ serve up a variety of community questions, from the nuances of beginner vs. advanced TypeScript to the pros and cons of SvelteKit. They also discuss falling out of love with React, shipping private packages via NPM, and the eternal struggle of always starting but never finishing projects.

• 00:00 Welcome to Syntax!
• 01:06 Brought to you by Sentry.io.
• 01:49 Today’s format.
• 02:23 Beginner vs advanced TypeScript.
  • DHH Tweet.
• 09:23 Does Sveltekit replace Svelte with Astro?
• 13:09 Handling multiple languages.
• 19:52 Falling out of love with React.
• 25:53 Shipping private packages via NPM.
  • npm-install.
  • Working with the npm registry.
• 29:00 How do you feel about importing packages from a URL?
• 30:36 VueJS vs Svelte.
• 36:15 Leetcode type interview questions.
• 41:58 Learning a new language for personal growth.
• 46:21 Always starting, never finishing.
  • Scott’s Fluid Type Calculator.
• 50:23 Code quality vs tackling tickets.
• 55:36 Sick Picks + Shameless Plugs.

• Scott: Quick Look Plugins.
• CJ: Sony WFC700n-b.

• Scott: Syntax on YouTube

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads