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

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

• Welcome to Syntax!

• Wes’s Demo Site (recent-web-feature-examples.wesbos.chatgpt.site)

• CSS Alpha() Relative Color Function

• Google Groups (groups.google.com/a/mozilla.org/g/dev-platform…)

• Brought to you by Sentry.io (sentry.io/syntax)

• CSS CSS Progress() Function: Calculate Values Between Units

• Promise.allKeyed(): Object-Based Promise Resolution

• Camera and Microphone HTML Elements

• Advanced CSS Attr() Function: Props for CSS

• CSS Sibling-Index() and Sibling-Count() Functions

• CSS Shrink-to-Fit Container