Issue 336
Subgrid, focus-visible, everything flexbox, and CSS fingerprinting.
Some genuine layout news to cover this week with an intent to prototype for the subgrid value of grid-template-rows and grid-template-columns. While there has been an implementation of the value in Firefox for some time, we've all been waiting for it to land in Chromium-based browsers.
If you haven't looked at subgrid yet, here's my talk from CSSConf EU in 2019, back when we could all meet in big rooms and chat about CSS.
Rachel Andrew
News
While it has been known for a while that subgrid was on the roadmap, it's great to see this intent pop up.
Lots of interesting additions in this release of Safari Technology Preview including focus-visible, implemented by Igalia and crowd-funded via the Oen Prioritization project.
Learn
Chris takes a look at all the new things that have come to CSS in the past few years.
A very in-depth look at the <div> element.
A detailed dig into everything flexbox, explaining how flexbox distributes space, and much more.
Interesting
A look at the most used breakpoints in 2021, and a look ahead to 2022, giving an idea of the breakpoints to use in testing your responsive designs.
This site explains how CSS can be used to identify and track a user.