Advent Calendar 2024

Note

Matthias Zöchling wrote on

Day 1

Gotta start the Advent Calendar same way I’ve started the year, with my take on how CSS has progressed.

»Is CSS alive?«

(From tomorrow onwards, things won’t be chronological anymore.)

Matthias Zöchling wrote on

Day 2

From April Fools joke to serious article, published under two URLs, announced over the course of three days.

»Digital Gardens«

Matthias Zöchling wrote on

Day 5

Exactly one month ago I ended up “selecting an element which doesn’t descend from another”.

»Not to mention«

Matthias Zöchling wrote on

Day 6

No more off-by-one errors in media queries. The article that turned the most heads this year was also the most fun to write.

»Superior range syntax«

(And it’s already my second most popular article of all time.)

Matthias Zöchling wrote on

Day 7

:has() meets <li> meets <details>. Safari fixed the bug mentioned in this article two weeks ago.

»Has has landed«

Matthias Zöchling wrote on

Day 8

.visually-hidden, a code smell for not-so-great design?

»Native visually hidden«

Matthias Zöchling wrote on

Day 9

Yes, hyphens got Baseline support last year. And yes, CSS is supercalifragilisticexpialidocious. But hyphenation is still hard to grasp.

»Hyphenation«

Matthias Zöchling wrote on

Day 10

If you have read my essay on dark mode, you know that it contains more than six levels.

»Six levels of dark mode«

Matthias Zöchling wrote on

Day 11

html:has(meta[name="color-scheme"][content="dark"]) { … }

»Color scheme switcher«

Matthias Zöchling wrote on

Day 12

Search engines send a lot of readers who want to know more about display: flow-root. Apparently it’s a good idea to also write about lesser-known CSS stuff.

»Display flow-root«

Matthias Zöchling wrote on

Day 13

Milestone.

»Keep bloggin’«

Matthias Zöchling wrote on

Day 14

Earlier this year I may have been a bit too optimistic about Chrome/Edge/Opera/… catching up with support of AccentColor(Text).

»Accent Color Access, Revisited«

Matthias Zöchling wrote on

Day 16

Every responsive journey starts without media queries.

»Not always mobile first«

Matthias Zöchling wrote on

Day 17

Today’s entry happens to be my most recent article, which already made it into several newsletters.

»Character-based alignment«

Matthias Zöchling wrote on

Day 18

The author of »Six levels of Dark Mode« also has six strategies for Forced Colors Mode:

»Forced Colors Mode Strategies«

Matthias Zöchling wrote on

Day 19

The day I chose a questionable bit of added functionality over semantic correctness:

»Web Share API meets A11Y«

Matthias Zöchling wrote on

Day 20

With all my doings and undoings in 2024, it’s almost as if I’ve been redesigning in the open after all.

»Redesigning in the open«

Get involved

Have your say on Mastodon, or simply share this thread.