“Unsubscribe buttons should have a minimum legal size.”

State of CSS 2021: a look at some of the results

How the survey results map with upcoming CSS features.

Cascade Layers

Quick show and tell on CSS cascade layers and the @layer property.

How does CSS !important actually work?

It’s not what you think: !important inverts the CSS cascade!

Cascade layers are coming to your browser

Better control of your CSS files to prevent style-specificity conflicts.

Style queries

Use cases in which CSS style queries provide unique capabilities.

@container and :has()

Two powerful new responsive APIs are landing in Chromium 105.

Container queries land in stable browsers

Chrome, Edge, Firefox, and Safari all now support container queries.

Getting started with Style Queries

Now you have even more logical control of styles in CSS.

Introducing the popover API

New HTML APIs for building popovers are coming to browsers.

New CSS features for smooth entry and exit animations

How to elevate animations/transitions for discrete properties.

Select element: now with horizontal rules

The HTML ‘select’ element gets a boost in Chrome 119.

CSS wrapped: 2023!

A huge year for CSS summarized in a huge article.

Popover API lands in Baseline

Another great CSS feature landed across all major browsers.

Introducing the CSS Anchor Positioning API

“The CSS Anchor Positioning API is a game-changer.”

The latest in CSS and web UI

Overview with demos of features introduced at Google I/O 2024.

@property

Another exciting CSS feature lands in all major browsers.

CSS entry animation effects

They now work in all three major browser engines.

HTML customizable select

The proposal is up for discussion, and feedback is welcome.

Updates to the customizable select API

Customizing HTML 'select' elements is about to get easier.

New capabilities for CSS ‘attr()’

References to HTML attributes are getting more powerful.

New if() function in CSS

You can now try out inline CSS conditionals.

What is HTML popover=hint?

Its function and relation to interest invokers.

Using the new CSS @function rule

Some examples where this comes in handy.

Range syntax for if() and style queries

Chrome 142 has shipped a powerful new CSS feature.

CSS Wrapped 2025

The powerful CSS features that landed in Chrome this year.

CSS ‘border-shape’

“The future of the non-rectangular web.”

Automated accessible text with CSS

contrast-color() is available soon in all major browsers.

CSS contrast-color() beyond black & white

How to unlock more colorful theming options.

Modern theming with new CSS features

Using light-dark(), contrast-color(), and style queries.