Skip to content

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

August 26, 2026 · 19 min

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!
  • 00:22 CSS Alpha() Relative Color Function
  • 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

All episodes of Syntax – Tasty Web Development Treats

Settings

Display

Language

Decides which stations you see first on the home page.

History

Recently played stations and episodes and your latest searches are only stored in this browser.

Notifications

A short notice when a podcast you follow has a new episode. Turn off single podcasts with the bell on their page.

Account

Save favorites – in the app and on the website.

Keyboard shortcuts

/
Open search
Space
Play or pause
← →
In the player: back 15 s, forward 30 s (episodes) · in a row: next tile
↑ ↓
In a row: target within the tile
Home / End
In a row: first or last tile
Esc
Close window or menu
?
This overview
Now playing

Go to station page

Play next

    Add episodes with “Play next” – they play after the current episode.