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

Page: https://stenobird.com/podcast/syntax-tasty-web-development-treats/1033-8-new-css-js-and-html-features-you-should-know
Text version: https://stenobird.com/podcast/syntax-tasty-web-development-treats/1033-8-new-css-js-and-html-features-you-should-know.md
Podcast: [Syntax - Tasty Web Development Treats](https://stenobird.com/podcast/syntax-tasty-web-development-treats)
Published: 2026-08-26T11:00:00+00:00
Episode link: https://syntax.fm/1033
Audio file: https://traffic.megaphone.fm/FSI7652910664.mp3
Processing state: not_requested
JSON: https://stenobird.com/v1/public/podcasts/syntax-tasty-web-development-treats/episodes/1033-8-new-css-js-and-html-features-you-should-know
Duration seconds: 1116

## Resource

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

## Actions

- request_transcript: `POST https://stenobird.com/v1/public/podcasts/syntax-tasty-web-development-treats/episodes/1033-8-new-css-js-and-html-features-you-should-know/transcription-requests` — Idempotently request low-priority transcript generation for this episode.
- read_markdown: `GET https://stenobird.com/podcast/syntax-tasty-web-development-treats/1033-8-new-css-js-and-html-features-you-should-know.md` — Read the agent-friendly Markdown representation of this episode resource.

A page view does not enqueue transcription. Agents should invoke `request_transcript` explicitly when they need this episode processed.

## Transcript

Full transcripts are not published on public pages unless there is a clear rights basis.