Issue 212
Subgrid, accessibility, print stylesheets and DevTools, Houdini
News
Issue 212
The CSS news seemed a little quiet this week, perhaps due to the end of the summer vacations for many people. As Editor in Chief of Smashing Magazine I know this can be a tough time of year to get articles completed!
With a shorter newsletter this week I've added an in-depth section, this time on the upcoming subgrid feature of CSS Grid Level 2, which can be tested in Firefox Nightly. If you've not yet looked at subgrid, take a look at those resources.
Thanks to Every Layout for their sponsorship this week! Check out their item at the end of the newsletter to find out more.
Rachel Andrew, CSS Layout News
Learn
Sarah Drasner has a collection of useful pens over on CodePen, things that may come in handy at work.
Some of the ways that browsers allow you to view your print stylesheets. The functionality in Firefox is new in Firefox 68.
For more on printing, last year I wrote about the current state of printing on the web.
A well written post explaining accessibility by focussing on the people that we help or hinder by our choices when designing and building sites.
In depth
Subgrid is still only available in Firefox Nightly. This is the post I wrote up when the feature first shipped in NIghtly.
Continuing a series on the display property in CSS, this time I take a look at what happens when you use grid as a value of display, with added information about how subgrid changes that behavior.
My subgrid examples on Grid By Example.
The documentation for subgrid on MDN.
Video and slides from my talk at CSSConf.eu, all about subgrid.
Interesting
This is great fun, and a lovely way to explore what Houdini can do.
Our Sponsor
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves.
Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS. Use the LAYOUT_SQUARED coupon code when you checkout, for a 30% discount.