The sibling-count() and sibling-index() CSS functions return integers that are useful to style elements based on their positions among siblings or on the number of siblings, for example as part of a c...

Every element I use for the basic structure of a HTML document, with explanations why.

Lately I've had the opportunity to travel by train and coach, during which time I also tend to work. It's really only during these periods that I'm reminded of…

Back in January 2022, I wrote about an exciting new CSS Working Group decision: a function to detect at-rule support using @supports at-rule(@keyword). Fast forward to today, and the CSS Conditional R...

@CSSence on Twitter: July 14, 2010 – July 8, 2026.

@CSSence on Twitter: July 14, 2010 – July 8, 2026.

Writing about the big beautiful mess that is making things for the world wide web.

Will your site still be seen by anyone?

How do they fare with (not so) recent additions to HTML?

In case you haven’t heard of font-variant-emoji…

Your possessions came alive. Now they won't stop talking.

In case you haven’t heard of font-variant-emoji…

Looking cool. Eventually. Hopefully. Ideally.

This is not an article that Steve, the author, thinks should exist in a healthy industry, but the shape of our industry — especially right now — makes this sort of article very necessary and hopefully...

Back in January 2022, I wrote about an exciting new CSS Working Group decision: a function to detect at-rule support using @supports at-rule(@keyword). Fast forward to today, and the CSS Conditional R...

Here’s what I do when my target branch got amended.

A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side.

Will your site load under extreme conditions?

Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.

Screen resolutions and the 320/360 devide mishap.

There’s something happening on the Web at the moment that almost feels like watching that old arcade game Space Invaders play out across our servers. Bots and scrapers marching in formation, attacking...

You can make cool beveled, rounded, notched, scooped, and elliptical borders with the new CSS corner-shape property!

I recently added a rule to my reset style sheet UA+ that I wanted to share with you.

How do they fare with (not so) recent additions to HTML?

Do new CSS properties make justified text with automatic hyphenation more viable?

A collection of bad practices in HTML, copied from real websites.

Interactive demo to illustrate using RGB channels as alpha masks. --- Adaptive layout depending on viewport width, aspect-ratio and on how much space...

Is A11Y work rewarding? Demanding? Exhausting? All of the above?

Is A11Y work rewarding? Demanding? Exhausting? All of the above?

A collection of bad practices in HTML, copied from real websites.

How to load a stylesheet conditionally based on feature detection.

The quiet way: How to not (or how not to) announce a redesign.

A collection of bad practices in HTML, copied from real websites.

Do you know how to center things in CSS? In year 2025? Easy! You just… align… or justify…, ok, maybe just place? your content… or items? …Forget it, this post is not about alignment. Or is it? This po...

The quiet way: How to not (or how not to) announce a redesign.