Morpheus

From Syntax - Tasty Web Development Treats

1033: 8 New CSS, JS and HTML Features You Should Know

Published
August 26, 2026
Length
18:36

Audio is streamed from the publisher.

Chapters

Read from the show notes

  1. 0:00 Welcome to Syntax!
  2. 0:22 CSS Alpha() Relative Color Function
  3. 2:25 Brought to you by Sentry.io
  4. 2:48 CSS CSS Progress() Function: Calculate Values Between Units
  5. 5:09 Promise.allKeyed(): Object-Based Promise Resolution
  6. 6:55 Camera and Microphone HTML Elements
  7. 9:24 Advanced CSS Attr() Function: Props for CSS
  8. 11:25 CSS Sibling-Index() and Sibling-Count() Functions
  9. 13:56 CSS Shrink-to-Fit Container
  10. 15:36 CSS Text-Box-Trim and Text-Box-Edge

Not from the publisher — times may be approximate.

Show notes

Scott and Wes run through eight new CSS, JS, and HTML features landing in browsers; including the relative alpha() color function, the progress() function for calculating values between units, Promise.allKeyed(), and native camera and microphone elements. They also get into an upgraded attr(), shrink-to-fit containers, and text-box-trim for finally killing that annoying extra space above your text. Show Notes 00:00 Welcome to Syntax! Wes’s Demo Site 00:22 CSS Alpha() Relative Color Function Google Groups 02:25 Brought to you by Sentry.io 02:48 CSS CSS Progress() Function: Calculate Values Between Units 05:09 Promise.allKeyed(): Object-Based Promise Resolution 06:55 Camera and Microphone HTML Elements 09:24 Advanced CSS Attr() Function: Props for CSS 11:25 CSS Sibling-Index() and Sibling-Count() Functions 13:56 CSS Shrink-to-Fit Container 15:36 CSS Text-Box-Trim and Text-Box-Edge 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