Issue 322
Container Units, Accessible Palette, @layer, and animating the box model.
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
Learn
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
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!
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.