State of CSS 2024

Let me make a prediction: we'll look back at 2024 as the turning point between “CSS Classic” and “New CSS”.

CSS Classic is how most of us have been writing CSS for years: using a limited set of features, and compensating for the language's limitations using outside tools such as libraries, pre- and post-processors, and strict methodologies.

New CSS on the other hand is an approach that embraces Subgrid, :has(), variables, container queries, and the many new and exciting CSS features introduced in recent years to not only do away with extra tooling, but even start taking on tasks that previously required complex JavaScript workarounds.

This is all possible thanks to a renewed comittment by browser vendors to, you know, actually make this stuff work – and I can't shake the feeling that we've barely scratched the surface of everything New CSS can offer.

– Sacha Greif