Afleveringen

  • Live at JSNation in Amsterdam, Scott, Wes, and CJ break down Cloudflare’s acquisition of VoidZero, the company behind Vite, Vitest, Rolldown, and Oxc. They dig into why this is genuinely exciting, not scary, covering what it means for the open source tooling you already use, Cloudflare’s growing tip-to-tail stack, and why infrastructure might be the one thing LLMs can never sherlock


    Show Notes



    00:00 Welcome to Syntax! Live from JS Nation Amsterdam


    00:35 The Big News: Cloudflare Acquires VoidZero



    01:06 First Reactions: Is This a Good Thing?


    01:57 Vite+ Overview: Who’s Using It


    03:07 Why Would Cloudflare Want This?


    03:38 The Void Framework: Cloudflare’s Vite Plugin


    04:31 VoidZero’s Void Hosting Product (Built on Cloudflare)


    04:53 Cloudflare Now Has Everything: Tip to Tail


    05:57 What Cloudflare Is Still Missing (Auth)


    06:20 Infrastructure as the Last LLM Frontier


    07:27 Vendor Lock-In: The Trade-Off Worth Making?


    08:09 Wrangler is Bad.


    09:00 Vite’s Impact on Web Dev


    09:22 AI Acquiring Engineers: What It Says About the Industry


    10:10 Behind the Scenes: Who Knew Before the Announcement


    10:40 Recap: Everything Stays Open Source, MIT Licensed


    11:06 The $1M Vite Ecosystem Fund



    11:35 Wrap Up


    12:14 Brought to you by Sentry.io




    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes sit down with Jake Archibald from Mozilla to unpack how web standards actually get made at Firefox. From browser features and developer feedback to the drama around the Prompt API. They discuss Interop 2026, the future of web APIs, and what it’s really like shaping the web after a career spanning both Google and Mozilla.

    Show Notes



    00:00 The Importance of Sunscreen


    02:29 Welcome to Syntax!


    04:35 Transitioning from Google to Mozilla


    06:00 Brought to you by Sentry.io



    06:43 Mozilla’s Current Position and Development Priority

    HTML Sanitizer API





    08:35 Feature Implementation and Developer Feedback


    13:12 JPEG XL and AVIF: The Future of Image Formats


    18:06 Balancing User Features and Web Standards


    20:56 Navigating the AI Translation Dilemma


    23:03 Understanding the Prompt API Controversy


    32:56 Rethinking the Future of Prompt APIs


    39:00 Exploring Local Models and User Control


    44:04 The State of Firefox DevTools


    45:42 Browser Stability and Developer Editions


    47:39 Introduction to the Heading Offset API


    51:14 Interop APIs and Their Importance

    Headingoffset & Headingreset attributes





    54:10 Developer Feedback and Browser Features

    Developer Signals





    58:05 Animating Display None and Its Challenges


    01:00:44 HTML and Canvas: Opportunities and Concerns


    01:04:01 Sick Picks + Shameless Plugs


    Sick Picks


    Scott:

    Wes:

    Jake:

    Clues by Sam





    Shameless Plugs


    Scott:

    Wes:

    Jake:

    Bluesky

    Mastodon

    Threads

    LinkedIn

    YouTube

    X

    Insatgram

    Tiktok





    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Zijn er afleveringen die ontbreken?

    Klik hier om de feed te vernieuwen.

  • Scott and Wes sit down with Ben Vinegar, former Syntax GM and founder of Modem.dev, to geek out over terminal-maxxing, from SSH-based development and tmux workflows to AI-powered coding agents. Ben also demos two of his open source tools: Hunk, a slick terminal code reviewer with 4k+ GitHub stars, and TermDraw, a terminal-based diagramming tool that posts directly to your agent.


    Show Notes



    00:00 Welcome to Syntax!


    00:49 Introduction to Modem and AI Project Management


    01:40 Exploring Terminal Usage and Productivity


    04:26 Setting Up Remote Development Environments


    08:38 The Power of TMUX in Development


    11:20 What makes TMUX splitting different?


    12:46 Integrating AI with Terminal Workflows


    14:56 The Future of Terminal Applications


    17:31 Balancing GUIs and Terminal Interfaces

    getfresh.dev

    Ben’s talk at AI Engineer Miami





    24:39 Navigating Development Tools and Environments


    26:44 The Balance of Security and Convenience in Coding


    30:27 Cautionary Tales: The Risks of YOLO Mode


    33:53 Innovative Tools for Enhanced Coding Experience


    34:09 Hunk: Terminal code review.


    41:39 TermDraw: A New Way to Visualize Code and Ideas



    46:22 The Dynamics of Open Source Contributions


    48:31 Visualizing Code: Tools and Techniques


    50:54 Podcasting and Editing Processes


    State of Agentic Coding.

    Podguy: Agent-driven post-production workflow for video podcasts





    56:23 Introducing Modem: A Product Intelligence Platform


    01:01:39 Connecting Feedback to Product Development


    01:03:15 Sick Picks



    Sick Picks


    Ben: Nirvanna: The Band - The Show - The Movie, Timecrimes




    Shameless Plugs


    Ben: https://modem.dev/




    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • On this episode, Scott and Wes dig into the messy reality of modern front-end work, from struggling to find skilled devs and navigating team chaos to questioning code quality, testing, and even whether AI is stealing the joy of programming.

    Show Notes



    00:00 Welcome to Syntax


    01:06 The Challenge of Finding Skilled Front-End Developers


    05:11 Understanding Design Mode and Its Applications


    10:33 Navigating Team Dynamics and Code Quality


    12:37 The Importance of Testing Strategies


    13:39 Learning and Growing as a Developer


    18:11 Consolidating Multiple Animation Libraries


    21:16 Draw UI with Code Only


    22:38 Avoiding Interview Scams


    26:40 Embracing Change in Tech Careers


    32:21 Why People Don’t Do Software Updates


    41:04 AI Kills my Joy of Programming


    49:18 Sick Picks + Shameless Plugs


    Sick Picks


    Scott:

    USB LED Light

    Wireless Carplay Adapter




    Wes:


    Shameless Plugs


    Scott:

    Phases Podcast




    Wes:


    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes react to the freshly released State of AI 2026 survey, covering everything from skyrocketing AI adoption and the rise of coding agents to the pain points, job security fears, and big philosophical questions developers are wrestling with right now.


    Show Notes



    00:00 Welcome to Syntax!


    00:06 Introduction to the State of AI in Web Development



    02:47 Survey Insights: AI Coding Adoption and Sentiment


    06:55 Models and Providers: Usage and Sentiment Analysis


    09:14 Paid Agent Usage: Who’s Paying for What?


    11:31 Agents and Assistants.


    15:21 Personal Experiences with AI Tools


    20:33 Paid Agent Usage


    22:36 Programming Languages: Trends in AI Coding


    23:54 Image Generation Tools: A Shift in Usage


    26:48 The Evolution of Image Generation Tools


    28:44 The Future of Video Generation


    29:42 AI in App Development


    30:54 Code Review Tools


    31:27 Brought to you by Sentry.io



    34:59 AI’s Role in Code Generation and Review


    35:50 The Financial Impact of AI Tools


    38:03 Local AI: Trends and Misconceptions


    41:28 AI Risks and Pain Points


    45:13 User Sentiment Towards AI


    48:44 The AI Bubble: Current Perspectives


    50:52 Survey Insights and Future Directions



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes sit down with Alex Sexton and Amadeus De Marzi from Pierre Computer to dig into the gnarly performance challenges behind building blazing-fast code review tools, covering virtualization, progressive rendering, and why GitHub’s UI feels so sluggish. They also chat about how major AI coding tools like Claude, Codex, and Cursor are adopting Pierre’s diffs library, plus the role of web components, benchmarking, and what it takes to build “VS Code 2.0.”


    Show Notes



    00:00 Welcome to Syntax!


    04:00 The Need for Better Infrastructure


    05:53 Understanding Diffs and Trees

    diffs.com

    Trees by the Pierre Computer Co





    08:16 Performance Challenges in Code Review


    10:49 Virtualization Techniques for Smooth Scrolling


    15:04 In-Page Find and Virtualization Limitations


    17:00 Browser Limitations and Content Visibility


    19:29 Progressive Rendering and Syntax Highlighting


    23:05 Tools and Techniques for Performance Testing


    33:35 Optimizing Performance with AI


    36:31 Mastering Auto Research for Efficiency


    42:00 Exploring Web Components and State Management


    44:05 Innovations in Rendering and Virtualization


    49:12 Business Insights and Future Directions


    53:58 Sick Picks



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Wes and Scott talk about the foundational decisions that make AI-assisted coding actually work—database schemas, validation, routing, CSS structure, and more. They explore why consistency matters more than specific tools, and how a little upfront planning can keep agents from turning your codebase into chaos.


    Show Notes



    00:00 Welcome to Syntax!


    03:19 Planning your database schema before AI touches it


    06:08 Picking a validation strategy that won’t drift


    07:18 Mapping your routing structure and auth flow


    08:48 Brought to you by Sentry.io



    10:52 Locking in your CSS methodology and UI framework


    13:31 Choosing how your client and server communicate


    15:03 Creating a folder structure agents can follow


    16:16 Don’t be afraid to switch up your AI setup later



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Wes and Scott talk about whether AI can actually create good design, or if it just remixes the same patterns over and over. They dig into AI-generated UX, design systems, YouTube thumbnails, Google’s design.md spec, programmatic design, and the tools designers are actually using today.

    Show Notes



    00:00 Welcome to Syntax!


    03:20 Can AI actually make you creative?


    08:52 Why AI-generated YouTube thumbnails all look the same


    10:34 Can good design be extrapolated from patterns?


    13:46 Google’s design.md and AI steering documents


    16:57 Can AI make good UX?


    19:37 Brought to you by Sentry.io



    21:03 Can good design be programmatic?


    23:57 Can AI optimize design for outcomes and conversions?


    27:40 Should designers use AI to enhance their work?


    32:41 The AI design tools people are actually using


    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes are joined by Jonny Burger, creator of Remotion, to talk about the explosion of programmatic video, going from 125k to 800k installs per day, and how AI and a new HTML-in-Canvas Chrome spec are changing the game. They dig into monetization, the wild world of video slop, motion graphics workflows, and the new Media Bunny tool.


    Show Notes



    00:00 Welcome to Syntax!

    Remotion has skills!





    02:20 Monetization Strategies and Sustainability

    Remotion Pro





    04:40 The Impact of AI on Video Creation


    07:46 User Demographics and Use Cases


    09:49 The Future of Video Editing Workflows


    13:14 HTML in Canvas: A Game Changer


    16:17 Technical Challenges and Innovations


    18:44 Brought to you by Sentry.io



    19:09 The Future of Remotion and Community Feedback


    22:59 Rendering CSS Animations and Performance Optimization


    27:05 The Underworld of Video Slop


    29:12 Transition to Media Bunny

    remotion.dev/docs/mediabunny/





    33:50 Motion Graphics Workflow


    39:42 Sick Picks + Shameless Plugs



    Sick Picks


    Jonny: ENTTEC DMX to USB Interface




    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes break down the “Mini Shai-Hulud” supply chain attack that compromised TanStack and other popular npm packages through a clever GitHub Actions cache poisoning exploit; a self-propagating worm that stole credentials and persisted through Claude Code hooks and VS Code tasks. They also cover how developers can protect themselves using pnpm’s security defaults, dev containers, and other practical defenses.


    Show Notes



    00:00 Welcome to Syntax!


    00:25 Understanding the Shai-Hulud Worm

    Post Mortem of Shai Hulud Attack





    02:47 Mechanics of the Attack: GitHub Actions and Cache

    How the attack happened

    Who Was Involved in the Attack

    Several npm latest releases are compromised

    Socket.dev

    Step Security





    05:44 Brought to you by Sentry.io



    06:09 Propagation and Impact of the Worm


    09:30 Preventative Measures for Developers

    Dead Man’s Switch





    12:33 The Role of Package Managers in Security

    Block Exotic Subdeps





    18:39 Using Dev Containers

    Why You Should Use Dev Containers

    Scott Tolinski’s Security Review





    20:57 Conclusion and Final Thoughts

    Sentry has Skills!






    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes chat all things agent skills for web developers, sharing their favorites for everything from CSS animations and HTML generation to logo extraction, marketing copy, and video creation. Whether you’re just getting started with AI-powered development or looking to level up your workflow, this episode is packed with practical skills you can put to use today.


    Show Notes



    00:00 Welcome to Syntax!


    01:33 Hot Tip Skill



    05:55 CSS Motion Systems



    08:17 Agent Browser Skill



    09:30 HTML Skill



    12:01 Extract Logos Skill


    13:34 Dex Task Skill



    14:50 Remotion and Hyper Frames Skills

    Syntax Episode 550 with Remotion





    16:22 Discussion on AI and Design Skills


    18:50 Marketing Skills and Copywriting



    23:01 Final Thoughts and Resources


    24:10 Brought to you by Sentry.io

    Sentry Skills






    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • In this potluck episode of Syntax, Wes and Scott answer your questions about LLM usage-based pricing, security risks from malicious code in interviews, staying current in a fast-moving dev landscape, a new CSS linter, managing Node environments and tooling without losing your mind, and more!


    Show Notes



    00:00 Welcome to Syntax!


    01:17 Copilot’s new usage-based pricing and the end of cheap AI

    Model multipliers for annual Copilot Pro and Copilot Pro+ subscribers





    08:53 Why Syntax dropped clever ad transitions


    10:33 Debugging issues on the Syntax website with Sentry


    12:51 Brought to you by Sentry.io



    13:01 Getting hacked through a fake recruiter and malicious repos

    Adib Hanna’s hacking story

    scammer.md

    DeskPad





    17:57 How to catch up after stepping away from dev


    25:10 React components vs native browser APIs


    32:41 New CSS linting tools and Project Wallace updates

    csskit





    36:06 How to interview developers in the age of AI


    41:21 Managing Node, package managers, and dev environments


    46:59 Sick picks + shameless plugs



    Sick Picks


    Scott:

    ZEISS Lens Care

    KeyboardCleanTool




    Wes: Amaran Halo 100x




    Shameless Plugs


    Syntax YouTube Channel



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes tackle the all-too-real stress of crunch time as a web developer—how to handle looming deadlines, avoid sloppy shortcuts, and stay methodical when everything feels like it’s falling apart. They share practical tips on planning, communicating, cutting scope, asking for help, and preventing the chaos from happening again next time.


    Show Notes



    00:00 Welcome to Syntax!


    02:53 The Importance of Planning and Organization.


    05:16 Slow Down, Take a Step Back.


    06:05 Identifying and Managing Tasks.


    08:35 The Role of Communication in Project Management.


    11:24 Cutting Features and Managing Expectations.


    14:52 The Balance Between Perfectionism and Productivity.


    16:42 Getting To Work.


    19:31 Updating Tools and Issues As You Go.


    22:34 Asking for Help.


    25:29 Prevention.


    30:22 Communicate Clearly.


    32:57 Brought to you by Sentry.io.



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Wes and Scott celebrate 1000 episodes of Syntax, reflecting on how the podcast started, the team behind it, memorable moments, listener stats, inside jokes, and how the show has evolved over time—from early recordings and sponsors to supercuts, spooky episodes, and what’s next.


    Show Notes



    00:00 Welcome to Syntax!


    02:01 Intro to Kaitlin


    03:08 Intro to Randy


    06:16 Intro to CJ


    09:01 Intro to Niki


    10:08 Who “yaps” more, Wes or Scott?


    10:28 Brought to you by Sentry.io



    18:37 Wes’ supercuts app


    24:04 How Syntax got started


    28:04 Joining Sentry


    29:47 The 6-7 compilation


    30:42 The original Syntax doc


    38:44 Dead Nuts supercut


    38:58 Kaitlin’s journey from Level Up to Syntax


    45:30 Where new listeners should start


    46:41 The Wordle episode and viral moments


    48:24 Most popular Syntax episodes


    48:40 The Halloween episodes and spooky stories tradition


    50:57 Listener stats by country


    55:22 First sponsors and early monetization


    57:30 Who edited the early Syntax episodes?


    59:25 Will there be a Syntax conference?


    01:01:33 How many guests have been on Syntax?


    01:02:58 Evolution of Syntax intros


    01:07:54 More Syntax supercuts



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes break down what makes CSS truly manageable—from preventing style leaks and embracing fluid layouts to choosing the right methodology, whether that’s utility CSS, component-scoped styles, or CSS modules. They also dive into practical tips like leveraging CSS variables, layers, scoping, and tooling to keep your stylesheets clean and scalable.


    Show Notes



    00:00 Welcome to Syntax!


    01:31 Understanding CSS Manageability


    01:44 This CSS doesn’t leak to other parts of website.


    03:41 This CSS is easy to maintain.


    05:54 This CSS is reusable.


    06:10 Global Solutions Instead of Local Solutions.


    07:12 Flexibility and Adaptability in CSS


    09:36 Fluid Typography and Responsive Design

    fluid-type





    12:09 Variables and Consistency in CSS


    13:40 Brought to you by Sentry.io.


    14:14 Values vs Variables.


    Project Wallace.





    18:19 Choosing the Right CSS Methodology


    18:48 Utility CSS and Atomic CSS


    22:35 Exploring StyleX and Other Approaches


    Syntax Ep 650.





    25:14 Panda CSS.


    25:37 Component Scoped CSS: A Preferred Approach


    29:08 The Evolution of CSS Modules


    34:03 Global CSS: Best Practices


    Josh Comeau’s CSS Reset.


    Scott’s Graffiti UI.





    38:22 Harnessing CSS Variables


    41:33 Understanding CSS Layers


    43:52 The Power of CSS Scoping


    46:16 Enforcing CSS Standards with Tools



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Wes and Scott talk about making AI coding more reliable using deterministic tools like fallow, knip, ESLint, StyleLint, and Sentry. They cover code quality analysis, linting strategies, headless browsers, task workflows, and how to enforce better patterns so AI stops guessing and starts producing maintainable, predictable code.


    Show Notes



    00:00 Welcome to Syntax!

    Losing two clients in one week





    04:49 Code quality tools

    jscpd.dev

    knip.dev

    fallow.tools

    wallace





    14:11 Finding and using components

    Storybook AI





    17:28 Brought to you by Sentry.io



    17:42 Finding bugs

    Sentry CLI

    Spotlight





    19:55 Formatting and linting

    Vite+

    ESLint

    StyleLint

    clint





    25:41 Headless browsers

    agent-browser

    chrome-devtools-mcp

    Lightpanda





    32:11 Tasks and todos

    dex

    beads





    33:32 Docs

    Context7





    34:22 TanStack Code Mode



    36:01 Getting AI to use these tools


    38:18 Sick Picks + Shameless Plugs



    Sick Picks


    Scott: Leaf Two Razor


    Wes: Puzzles




    Shameless Plugs


    Phases.fm Podcast



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Scott and Wes dig into a huge batch of community-submitted projects, from JSON tools and CSS editors to AI agents, view transitions, and everything in between. It’s a rapid-fire showcase of what developers have been building, including picks like Arrow JS, Sugar High, Drift, and a whole lot more.


    Show Notes



    00:00 Welcome to Syntax!

    Wes’ Bluesky Post

    Wes’ X Post





    01:20 JSON-Alexander.


    02:43 FFF - Fastest File Search.


    04:44 View Transitions Toolkit.


    08:06 Agentation and Svelte Agentation.


    11:21 CSS Studio.


    13:12 Peon Ping



    14:26 Peekdown.


    16:03 Dex.


    20:22 Content Copilot.


    22:16 Opencode Sentry Monitor.


    pi-sentry-monitor.





    24:56 Arrow JS.


    29:20 Comark.


    33:19 Silly Software Club.


    34:05 Sugar High.


    36:04 Drift.


    37:19 Fallow.


    41:20 Edit Mind.


    44:46 Clint.


    47:18 Honorable mentions.


    47:21 Artemisapp.


    49:53 Open Screen.


    50:14 CanvidHQ.


    52:02 Proxybox Zero.






    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • Wes and Scott talk about the latest CSS and browser features, including the Grid Lines API for masonry layouts, HTML in Canvas, name-only container queries, CSS random, search-text styling, and more.


    Show Notes



    00:00 Welcome to Syntax!


    00:57 Grid Lines API for masonry-style layouts

    Introducing CSS Grid Lanes

    CSS Grid Lanes browser support





    03:25 HTML in canvas and next-gen UI effects

    @jaffathecake

    @mattrothenberg





    11:30 Name-only container queries for scoped styles

    Name-Only Containers: The Scoping We Needed





    14:37 Brought to you by Sentry.io



    15:34 Safari removes haptic feedback workaround


    17:38 CSS random for dynamic values

    Rolling the Dice with CSS random()





    18:49 Styling find-in-page with ::search-text



    21:44 Sticky positioning now works in both axes

    @una





    22:43 Multi-column CSS finally gets usable fixes

    Looking at New CSS Multi-Column Layout Wrapping Features





    24:41 Border shape improvements and new design options

    @una

    MadCSS.com





    27:09 Why MDN demos need to be better


    28:24 Element-scoped view transitions for cleaner animations

    @bram.us






    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • In this episode, Scott and Wes sit down with Tim Neutkens and Jimmi Lai from the Next.js team to dig into the new Adapters API, what it takes to run Next.js across platforms like Cloudflare and Netlify, and how caching and infrastructure choices affect performance. They also go deep on TurboPack’s internals, why Next.js doesn’t run on Vite, and the evolution of bundling in the framework.


    Show Notes



    00:00 Welcome to Syntax!


    01:14 Introduction to Next.js and the Adapter Platform

    Next.js Across Platforms





    02:23 The Adapters API: Features and Community Needs


    04:46 Building and Testing the Adapters API


    07:37 Infrastructure Requirements for Next.js Apps


    11:38 Caching Strategies and Performance Optimization


    13:29 The Role of Cache Components in Next.js


    17:21 First Steps of Optimizations.


    19:48 Blessed Adapters and Community Contributions


    22:56 Future Directions and Runtime Support


    25:05 Challenges with Different Runtimes and Debugging


    26:45 Webpack vs. TurboPack: The Evolution of Next.js


    29:45 Why Not Run on Vite?


    32:47 Navigating Bundler Challenges


    36:59 Building TurboPack: Lessons Learned


    41:42 Incremental Compilation and Performance

    Episode with ByteDance’s Zack Jackson





    43:50 Framework Comparisons and Performance Metrics


    46:42 Exploring Future Directions for TurboPack


    49:44 TurboPack’s Integration and API Development


    52:50 Standardization in Bundler Tools


    56:52 TurboPack’s Adoption and User Experience


    57:49 Sick Picks + Shameless Plugs



    Sick Picks


    Tim: Acquired Podcast


    Jimmy: Hydrangea Coffee




    Shameless Plugs


    Jimmy: nextjs-across-platforms




    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  • In this potluck episode of Syntax, Wes and Scott answer your questions about AI struggles with CSS and design workflows, learning vs relying on AI, debugging web performance, beginner soldering setups, navigating AI-era job interviews, Figma dev mode, modern API choices, and more.


    Show Notes



    00:00 Welcome to Syntax!


    00:55 Why AI struggles with CSS and design workflows


    10:50 How much AI should you use when learning to code?


    18:41 Debugging performance: tools and team workflows

    Ep 585: Fundamentals × What Makes a Website Slow?

    Ep 874: Fast Apps - Easy Perf Wins

    Ep 897: Making Your App Feel Faster Than It Really Is

    Ep 972: These Things Make Your App Feel Like Crap on Mobile





    23:52 Brought to you by Sentry.io



    26:26 Beginner soldering setup and essential tools


    29:54 Preparing for interviews without AI (while jobs require it)

    Brendan Falk on AI-native coding interviews





    35:16 Thoughts on Figma dev mode and design workflows


    39:20 Ice vs Thaw menu bar apps


    40:27 Why AI isn’t pushing us toward better APIs


    44:54 Vibe rules, skills, and shipping docs for agents

    vibe-rules

    Optimizing Content for Agents





    54:44 Sick Picks + Shameless Plugs



    Sick Picks


    Scott: Jury Duty


    Wes: USB Cable Tester




    Shameless Plugs


    Syntax YouTube Channel



    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads