EXTRA.CSS

A CSS Houdini library for making your site a little more extra.

Calculating Color

Dynamic color theming with pure CSS.

Next-generation web styling

Some of the exciting features in modern CSS.

The CSS Podcast

Digestible episodes covering everything from accessibility to z-index.

Web Animations API improvements in Chromium 84

The latest Chromium release brings new animations capabilities.

1-Line Layouts

Modern CSS layout and sizing techniques as one liners.

@property: giving superpowers to CSS variables

The Houdini Properties and Values API arrive in Chromium 85.

content-visibility

The new CSS property that boosts your rendering performance.

min(), max(), and clamp()

Three logical CSS functions to use today.

Houdini.how

Break the CSS boundaries with cross-browser worklets.

New aspect-ratio CSS property

Now supported in Chromium, Safari Technology Preview, and Firefox Nightly.

“I used to write ‘Convert your CSS codebase into Sass!’ guides. Now I think it’s time for a ‘Convert your Sass codebase into vanilla CSS!’ guide.”

Next gen CSS: @container

Container queries will take us to the next level of responsive design.

“Remember when we used to code back buttons onto websites thinking it was good for user experience?”

The new responsive: Web design in a component-driven world

Say hello to a new era of responsive web design.

CSS for Web Vitals

The many ways to improve performance and Web Vitals with CSS.

TablesNG resolves 72 Chromium bugs for better interoperability

Many bugs have been a part of the web platform for years.

“Social media platforms are an experiment in how many ads they can possibly serve before everyone leaves the platform.”

“It’s weird how working from home has become the place to be productive, and going into the office is for social hour.”

“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.