Skip to content

Issue 322

Container Units, Accessible Palette, @layer, and animating the box model.

Rachel Andrew
1 min read

I had a fun couple of hours co-hosting two sessions of Inclusive Design 24. The team did an amazing job of keeping that show on the road for 24 hours, and all of the content is now available to watch.

A bit of a short list this week, I've had precious little time for reading, but hopefully something of interest.

Rachel Andrew


iOS browser choice

Including this partly because not everyone realizes the fact that whatever the browser you download on iOS, it's WebKit under the hood. This has implications for browser testing if an Apple device is all you have for mobile testing.

How I Learnt To Stop Worrying And Love Animating The Box Model

Some thoughts on animating an accordion widget, and whether animating height is always a bad thing to do.

MDN docs for @layer

I mentioned last week I had been documenting @layer, here are those docs. There are missing bits until the various parts of MDN update and add spec and compat data and so on.

Accessible Palette: stop using HSL for color systems

Why HSL is not a great choice for a color system, a better alternative, and introducing Accessible Palette.

Container Units Should Be Pretty Handy

Container units will allow sizing of things based on the size of a container, like viewport units but for containers.

Our sponsor

Fall Summit 2021, October 11-13

Three days of essential design, code, and content coming to a device near you, October 11–13

We’re less than two weeks away from An Event Apart Online Together: Fall Summit 2021, a three-day conference with a focus on digital design, UX, content, code, and more.

This is your best opportunity to get deep insights into where we are now and where we’re going next. You’ll come away not only inspired, but ready to put new techniques and ideas immediately into practice.

CSS Layout subscribers can save $100 off any multi-day pass with promo code: AEACSSL21

Don’t miss out—see the detailed three-day schedule and register today!