Syntax - Tasty Web Development Treats
1033: 8 New CSS, JS and HTML Features You Should Know
Sponsors in this episode
Found in the episode's show notes.
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
From the show's RSS feed.