Syntax - Tasty Web Development Treats

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

August 26
18 mins

View Transcript

Episode Description

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

See all episodes