Subgrid, accessibility, print stylesheets and DevTools, Houdini
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
Useful Pens for Everyday Front End Development - a Collection by Sarah Drasner on CodePen
Sarah Drasner has a collection of useful pens over on CodePen, things that may come in handy at work.
Can you view print stylesheets applied directly in the browser? | CSS-Tricks
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.
Truths about digital accessibility | Eric Bailey
A well written post explaining accessibility by focussing on the people that we help or hinder by our choices when designing and building sites.
CSS Grid subgrid lands in Firefox Nightly
Subgrid is still only available in Firefox Nightly. This is the post I wrote up when the feature first shipped in NIghtly.
Digging Into The Display Property: Grids All The Way Down — Smashing Magazine
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.
Grid by Example - Usage examples of CSS Grid Layout
My subgrid examples on Grid By Example.
Subgrid - CSS: Cascading Style Sheets | MDN
The documentation for subgrid on MDN.
Video and slides from my talk at CSSConf.eu, all about subgrid.
Home | extra.css
This is great fun, and a lovely way to explore what Houdini can do.
Every Layout - Relearn CSS layout
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.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.