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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 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 Wes’s Demo Site | https://recent-web-feature-examples.wesbos.chatgpt.site/ Google Groups | https://groups.google.com/a/mozilla.org/g/dev-platform/c/AqwTSNH6gkk/m/yBAzWz9_CAAJ?pli=1 Sentry.io | https://sentry.io/syntax All links available at https://syntax.fm/1033 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev