Web development Blog

Cascade layers introduce a new way of managing specificity in CSS.

We already know that we can select an element based on the presence of a certain child element (in Chrome/Edge 105+ and Safari 15.4+), but there are limitations.

There's a difference between listing selectors in :where(), :is(), and :has() and listing them in a regular selector list.

Thoughts on when it’s better to use :is() over :where() and vice versa.

You can use full math expressions in the comparison functions min(), max(), and clamp(). There’s no need to nest a calc() function inside.

The clamp() function defines a minimum value, a preferred value, and a maximum value.

I’ve teamed up with my friends at Smashing Magazine 😻 to share with you everything I know about web accessibility testing! In this smashing workshop we’ll talk about automatic and manual testing, screen reader basics, Single Page Applications, Dev Tools, and more.

Just like for margin or padding, there are also logical property variations for border properties.

Like the lab() color function, hwb() is one of the more recent methods for defining colors in CSS. Just like rgb() and hsl() it uses colors from the sRGB color space. HWB, which stands for hue-whiteness-blackness, describes colors with a starting hue, then a degree of whiteness and blackness to mix into that base hue.

Using !important with custom properties might not work as you expect.