CSS Layout News - CSS Layout News - Issue 303

A new way to learn CSS, unpacking feature queries, DevTools, browser flags, and CLS.
 

CSS Layout News

 

ISSUE 303  19th May 2021

 

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

 

Just launched: Learn CSS

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.

web.dev

 

Google I/O 2021

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.

google.com

 
 

Learn

 

Support (Not) Unknown | OddBird

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.

oddbird.net

 

DevTools for CSS layouts 2021 edition

A good roundup of the current state of DevTools for CSS Layout.

chenhuijing.com

 

Cumulative Layout Shift: Measure and Avoid Visual Instability | Calibre

Learn what Cumulative Layout Shift (CLS) is, and how to prevent it.

calibreapp.com

 

How to set browser flags in Chromium

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.

web.dev

 
 

Interesting

 

Modern Blog Layout with CSS Grid

Vis the CodePen newsletter is this great layout, I just love the way the header scrolls.

codepen.io

 
You received this email because you subscribed via the CSS Layout News site.
We'll be sorry to see you go but you can unsubscribe instantly.
 
Spike Island 133 Cumberland Rd Bristol BS1 6UX
 
 

 
 
©2021 CSS Layout News | Privacy Policy | Curated by Rachel Andrew.
 
Published with Curated

Older messages

CSS Layout News - Issue 302

Friday, May 14, 2021

Container Queries, vendor prefixes, variable aspect ratios with conic gradients View on the Web Archives ISSUE 302 12th May 2021 News Issue 302 This week, more container queries links, along with a

CSS Layout News - Issue 301

Tuesday, May 4, 2021

Gaps in flex for Safari, new Chrome DevTools, and I'm feeling quite old. View on the Web Archives ISSUE 301 4th May 2021 News Issue 301 Lots of actual news this week, with gaps in Flexbox landing

CSS Layout News - Issue 300

Tuesday, April 27, 2021

We made it to issue 300. This week: custom properties, CLS, breakpoints. View on the Web Archives ISSUE 300 27th April 2021 News Issue 300 It's issue 300! I've been sending a weekly CSS Layout

CSS Layout News - Issue 299

Tuesday, April 20, 2021

Safari Grid Inspector, Firefox 88, understanding CSS. View on the Web Archives ISSUE 299 20th April 2021 News Issue 299 A slightly shorter email this week as I was out this morning driving to another

CSS Layout News - Issue 298

Wednesday, April 14, 2021

More on Container Queries, clipping and masking, accessible components View on the Web Archives ISSUE 298 14th April 2021 News Issue 298 Last week I spent a bit of time digging into container queries

You Might Also Like

NBA Shot Data, Inspirational Websites, Table of Contents, Navigation Redesign, AI Vocabulary

Friday, March 29, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 29 2024 A long read about NBA shot data aweebitofmapping.

The Design World’s 19 Most Beloved Travel Destinations

Thursday, March 28, 2024

Plus, designers share the AD projects that still inspire View in your browser | Update your preferences Architectural Digest AD PRO Logo WILD, WHIMSICAL MEADOW GARDENS ARE THE LANDSCAPE TREND TO WATCH

How Balsamiq uses AI

Thursday, March 28, 2024

A peek into our ChatGPT conversations ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Adobe AI, Remote, Stripe Sessions, Node.js Redesign, light-dark()

Thursday, March 28, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 28 2024 Defining experience quality in large language

Are Photorealistic Renderings Worth It?

Wednesday, March 27, 2024

Plus, the go-to garden stores of top designers and landscaping pros View in your browser | Update your preferences Architectural Digest AD PRO Logo Image may contain: Home Decor, Lamp, Desk, Furniture,

CSS Variable Groups, Layout Rhythm, Animate Borders, Parallel Lives, Visualization Techniques

Wednesday, March 27, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 27 2024 Proposal: CSS Variable Groups lea.verou.me CSS

The History of Ikat

Tuesday, March 26, 2024

Plus, Kips Bay Decorator Show House New York announces designer lineup View in your browser | Update your preferences Architectural Digest AD PRO Logo Image may contain: Art, and Painting SAVE YOUR

#449: UX Research

Tuesday, March 26, 2024

UX research impact, research invite emails, research without access to users, and UX research methods cheat sheet. Issue #449 • Mar 26, 2024 • View in the browser Smashing Newsletter Joh-eun jeonyeog-

Progress Indicator, Lissajous Curves, Pixel to Ink, Azulejo, Mac at 40

Tuesday, March 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 26 2024 Front-End solution: progress indicator piccalil.

Responsive Font Size, Icon Design, text-emphasis, Inclusive Sans, Accessible Forms

Tuesday, March 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 25 2024 A formula for responsive font-size jameshfisher.