A blog about web development, HTML, CSS, JavaScript, and web accessibility.

Day 75: font palettes

Apparently, multicolored typefaces on the web are a thing. You can use and modify them in CSS.

Day 74: using !important in cascade layers

In order to understand how !important works in cascade layers, you have to understand how !important works generally. The conclusion of this post might not be what you expect.

Day 73: size container features

In my previous posts about size container features I’ve only used the min-width feature, but there’s actually more you can query.

Day 72: the masonry-auto-flow property

If you’re creating a masonry layout, the packing algorithm puts items into the column with the most space by default. This can cause accessibility issues. The masonry-auto-flow property gives us control over the automatic placement of items in a masonry layout.

A year in review: 2022

I started my last year in review post with the words “2021 was wild!”. If 2021 was wild, then I don’t know what 2022 was because so much stuff was going on last year.

Day 71: the masonry keyword

The masonry keyword allows you to create masonry grid layouts.

Day 70: the defined pseudo-class

:defined represents any element that has been defined. This includes standard elements and custom elements that have been successfully defined.

Day 69: width in container queries

In a media query, it’s obvious what width means. It always refers to the width of the viewport. With size container queries it’s not that obvious.

Day 68: cascade layers and browser support

Cascade layers are one of the most interesting and useful additions to CSS recently. It will change the way we write CSS, how we use selectors, naming conventions, and probably also more things that I can’t think of right now.

Day 67: counting children

There are a lot of interesting things you can do with the :has() pseudo-class. I’ve already covered some of them on day 26.