13 New CSS Features You Can Start Using Today

Wes and Scott talk about underrated but game-changing new CSS features like shape(), zoom, text-wrap, scroll bar styling, content-visibility, and more—many of which are now supported across modern browsers and ready for real-world use without fallbacks.

Show Notes

• 00:00 Welcome to Syntax!
• 01:38 Shape
  • https://codepen.io/stolinski/pen/ZYYpEzR?editors=1100
• 08:06 Zoom
  • https://codepen.io/stolinski/pen/dPPpyMP?editors=1100
• 12:04 Scrollbar styling
  • https://caniuse.com/?search=scrollbar-gutter
• 15:40 Text-wrap
• 19:42 Media Query Range Syntax
• 23:35 Brought to you by Sentry.io
• 23:35 Content-visibility
  • https://caniuse.com/?search=content-visibility
  • https://developer.mozilla.org/en-US/docs/Web/API/Element/contentvisibilityautostatechange_event
• 35:06 Text Emphasis
• 37:04 Relative Color
• 39:12 Round, rem, and mod
• 44:14 contenteditable="plaintext-only"
• 46:48 Align-content
  • https://codepen.io/stolinski/pen/VYYKZeV
• 48:16 Starting-style
  • https://wesbos.github.io/webdev-2025-talk/#34
• 50:26 User-valid or user-invalid
• 53:20 Sick Picks + Shameless Plugs

Sick Picks

• Scott:
  • Poyiccot 180 Degree USB C Adapter 240W
  • AuviPal USB C Male to Male Adapter
• Wes: HDMI Angle Adapters

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