A Complete Guide to CSS Functions

All the functions we can and can’t use in CSS.

The world does not revolve around your product

How a ‘bettter’ product can work against you.

Tailwind versus BEM

A comparison of approaches to writing and maintaining CSS.

So you wanna create an eco-friendly website

Well, let‘s think in terms of harm reduction.

Use the tabindex attribute

How to treat tabindex in a responsible, accessible way.

Should I use an accessibility overlay?

Why the A11Y Project doesn’t recommend those tools.

How to make an ineffective 404 page

Ways to make an already bad situation even worse.

CSS is a strongly typed language

Let’s demonstrate how strong typing in CSS keeps the guardrails.

Add punctuation to your alt text

The presence of a small period can make a big difference.

To subset or not subset fonts

Pros and cons of subsetting fonts to improve web performance.

accessiBe and the false David vs. Goliath narrative

Do quick-fix solutions for accessibility like accessiBe really work?

What they don’t tell you when you translate your app

Things you need to consider.

“Nobody tells you that being an old man designer is just endless slideshow decks.”

Improving the accessibility of your Markdown

How to make an impact on someone’s quality of online life.

The endless search for “here” in the unhelpful “click here” button

There are many ways how other people experience the world.

Your CSS is an interface

How human-friendly CSS class names can help someone use your website.

It needs to map back to a role

How the cool new thing you’re building will be usable by everyone.

Windows High Contrast mode, Forced Colors mode and CSS Custom Properties

How modern CSS can help to create adaptive digital experiences.

All the user-facing states

A reference of user-facing states, what they are, and what they are not.

The case for null in design systems

“Sometimes an intentional absence of content is what’s needed in a design system.”

Yes, accessibility is also a backend concern

Accessibility is a practice that touches every aspect of a digital experience.

‘aria-label’ is a code smell

Dos and don’ts when providing accessible names for elements.

I doubled-down on RSS

What RSS is, how to use it, and why it is important.

Don’t use custom CSS scrollbars

Just because you can style browser scrollbars doesn’t mean you should.

‘display: contents’ considered harmful

What you risk when you rely on the CSS declaration ‘display: contents.’

The five types of people who produce inaccessible code

There is also a secret sixth type, but it’s not a person.

Accessibility annotation kits only annotate

They can be harmful when misunderstood or misused.

Oh shit banners

Do’s and don’ts when using emergency banners.

Embedding alternative text metadata into images

Does ‘alt text’ in images improve accessibility?

Invisible success

Showcasing a well-designed, accessible table component.

The CSS function ‘contrast-color()’ is a good thing

But also solving the problem at the wrong layer.

Consent, LLM scrapers, and poisoning the well

A Luddite approach to more ethical AI use.

Design token ugly mode

An approach to uncover hidden design flaws.

Making content-aware components

A technique using CSS :has(), grid, and quantity queries.

Don’t forget to localize your icons

It can undermine the trust you’re trying to build.