Issue 303
A new way to learn CSS, unpacking feature queries, DevTools, browser flags, and CLS.
News
Issue 303
One of the things that has keeping me busy has just launched, take a look below at all the details about Learn CSS!
Plenty of other good stuff this week too, so whether you want some fundamental CSS knowledge, a detailed look at CLS, or to unpack how feature queries work, you should find something to read.
Rachel Andrew, CSS Layout News
Over the last few months I've been working (mostly as an editor) on this free course from Google, to help you Learn CSS. The majority of the writing was done by Andy Bell, the series based on the CSS Podcast from Una Kravets and Adam Argyle. Also on the team, and making the whole thing look great, were Rob Dodson, Jiwoong Lee, and Kayce Basques.
It's been great fun being part of this team putting the content together, and I think it will be a really useful resource.
Google I/O is happening online right now, it's free and there is a bunch of interesting CSS stuff, which you can also catch up on with the recordings.
Learn
This is a really great write-up, and not just in regard to how we can test for container query support using @supports, as it unpacks how feature queries work in a detailed way.
A good roundup of the current state of DevTools for CSS Layout.
Learn what Cumulative Layout Shift (CLS) is, and how to prevent it.
For some of the new APIs we introduce in Chromium, you need to set a browser flag for experimentation. This article explains how to do this in the various Chromium derivatives like Google Chrome, Microsoft Edge, and others.
Interesting
Vis the CodePen newsletter is this great layout, I just love the way the header scrolls.