app_store_button

google_play_button

DK - Details page - Device banner - 894x1036

Nyd den ubegrænsede adgang til tusindvis af spændende e- og lydbøger - helt gratis

Lyt når som helst, hvor som helst 

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Syntax - Tasty Web Development Treats

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

1008: Diffs, Trees, and VS Code 2.0

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

1007: 8 Tech Choices to Lock In Before Agentmaxxing

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

1006: Can AI Make Good Design?

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

1005: Programatic and Skill based Video Creation with Remotion

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

1004: TanHacked

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

1003: Skills Skills Skills

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

1002: The Real Pricing of LLMs

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

1001: Managing Deadlines + Stress

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

1000: Syntax Episode 1,000!

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

1008: Diffs, Trees, and VS Code 2.0

Lyt når som helst, hvor som helst

Other podcasts you might like ...