Web development Blog

I know I’m late to the party, but there are a few things on my CSS wish list I haven’t seen on others, so I thought I’d share.

OMG, I did it, day 100! 4 months and 16 days ago I published the first post and then I wrote another post every workday for 138 days straight without missing a single day. In this final post, I want to do a quick recap and give an outlook for what's coming next.

Sometimes it seems like accessibility experts and other web professionals hate JavaScript. This might be true for some, but most understand that JavaScript can be useful for improving UX and even accessibility. JavaScript solutions are often more accessible than their pure HTML or CSS counterparts.

Nesting in CSS is coming soon! For me personally not the killer feature, at least compared to cascade layers or container queries, but still exciting. Let’s see how it works.

oklab() and oklch() are okay versions of lab() and lch() because lab() and lch() are not okay.

It’s possible to animate gap, grid-template-columns, and grid-template-rows.

The margin-trim property allows a container element to trim the margins of its children where they adjoin the container’s edges.

The color-mix() function takes two colors and returns the result of mixing them, in a given color space, by a specified amount.

The accent-color CSS property allows us to specify the accent color for user-interface controls generated by an element.

The lch() color function allows you to pick colors from the CIELAB color space, which is device-independant and covers the entire gamut (range) of human color perception.