CSS Wrapped 2023

2023 was a huge year for CSS! To celebrate this, Una, Adam, and I put together an end-of-year roundup in which we cover 27 (!) CSS and Web UI features that landed in browsers this year.

Architectural foundations
  • Trigonometric functions
  • Complex nth-* selection
  • Scope
  • Nesting
Typography
  • Initial-letter
  • Text-wrap balance/pretty
Color
  • Color level 4
  • Color-mix function
  • Relative color syntax
Responsive design
  • Container queries
  • Style queries
  • :has selector
  • Update media query
  • Scripting media query
  • Transparency media query
Interaction
  • View transitions
  • Linear-easing function
  • Scrollend
  • Scroll-driven animations
  • Deferred timeline attachment
  • Discrete property transitions
  • Starting-style rdle
  • Overlay animation
Components
  • Popover
  • Hr in select
  • User-valid/invalid pseudo classes
  • Exclusive accordion

It’s been awesome putting this together over the past weeks … I love my team! 🤩

CSS Wrapped 2023 →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.