Despite the fact that last week seemed to have at least 426 days, it is once again Tuesday. This week I've got a fairly eclectic collection of layout adjacent things, covering accessibility, internationalization, improvements in browsers, plus a proposal for a new CSS feature.
A few interesting bits in here, however, I'm happy to see animation support for
grid-template-columns coming into Safari.
This is great. A site with loads of information about right-to-left languages, and how to create better experiences for people who experience the web RTL.
Bramus writes about some of the key things enabled by the work on TablesNG.
A post with examples, and links to further posts on the subject. Some good suggestions in this post, including a roundup at the end of problems that come with trying to take this approach when using Tailwind.
This site explains why accessibility overlays are problematic. It's not layout, but perhaps some of you might find yourself in a situation where such a solution is being proposed. Find the arguments you need against the things here.
A collection of over 100 counter-style code snippets. This document provides counter styles that meet the needs of languages and cultures around the world.
The Counter styles converter pulls from this list to test and create copy and paste code for counter styles.
Thanks to Richard Ishida for his work on this and also raising an issue so it could be added to the counter styles page on MDN.
A request for feedback and use cases on anchored positioning. This is where you have an element, such as a popup menu, that is anchored to the top of a button. If the viewport changes you might want it to then be anchored to the bottom of the button, in order to remain visible.
There is a proposal to bring this idea to CSS, if you recognize the issue and have thoughts, please share them.
A detailed post on some improvements made to CSS variables in WebKit, with lots of interesting detail in terms of how these things work under the hood, and everything that needs considering.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.