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
