What's New in CSS?

on YouTube ↗37m

" summary

Lists new, shipping CSS features and where they actually work: accent-color lands in all browsers for styling form controls; new color functions like color-mix and color-contrast are in Safari Technology Preview and Firefox behind flags; font metric descriptors reduce layout shift (supported everywhere except Safari); cascade layers and aspect-ratio are broadly available; subgrid is in Firefox and Safari TP with Chrome work underway; container queries are experimental but shipping in Safari 16 beta as part of Interop 2022.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 7:33Controlling specificity
3. 10:19Aspect Ratios
4. 11:15The "padding hack"
5. 19:34CSS Containment
6. 23:43Try out Container Queries
7. 34:35Please try out features behind flags!

" related talks

• 39mCSS in 2022 (and beyond)Bramus Van Damme · Full Stack Europe 2022
• 35mWhat's new in Web UIUna Kravets · Next.js Conf 2022
• 53mWhat's new with CSS?Amy Kapernick · CPH DevFest 2024
• 33mNew CSS Features You Can Use TodayRachel Andrew · revo.js 2023
• 33m"Fresh Hot CSS Features!"Alex Riviere · Frontrunners 2025
• 53m"State of CSS 2024"Benjamin Kott · TYPO3 Developer Days 2024
• 47mCSS Rises from the Ashes: (Re)Make Friends with Your StylesheetO. Leplus, Y. LASORSA · Devoxx France 2024
• 36mComing Soon to CSSRachel Andrew · SmashingConf Live 2020