877: Tailwind 4

Syntax - Tasty Web Development Treats

Tailwind 4.0 is here, and Scott and Wes break down all the spicy new features, from CSS-powered configs to first-class container queries. Plus, they dig into Tailwind Oxide, @property magic, and whether it’s finally time to stop asking, “Why not just use normal CSS?”

Show Notes

  • 00:00 Welcome to Syntax!
  • 00:16 Brought to you by Sentry.io.
  • 01:03 Tailwind 4.
    • Tailwind CSS V4.0 Blog.
  • 02:53 Wes’ favorite new feature.
  • 05:45 @property.
    • CSS Houdini API.
  • 07:28 The config is now a CSS file.
  • 08:25 Tailwind Oxide.
  • 10:48 P3 color space.
  • 12:36 Dynamic Utilities + Variants.
  • 13:36 Data attributes.
  • 15:32 First class container query support.
  • 17:03 Starting Style.
  • 19:22 When to use inline styles.
  • 20:13 Descendant selector.
    • Styling Descendants.
  • 20:48 Why not just use “normal” CSS?
  • 22:03 No text shadow support.
    • Scott has to use Tailwind.
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

To listen to explicit episodes, sign in.

Stay up to date with this show

Sign in or sign up to follow shows, save episodes and get the latest updates.

Select a country or region

Africa, Middle East, and India

Asia Pacific

Europe

Latin America and the Caribbean

The United States and Canada