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

✏ How to Avoid SEO Disaster, 6 Types of Web Design, Simply Markdown, and more...

Sunday, June 20, 2021

Work at the Intersection of Data, Design, and Technology [ad] SPS.NORTHWESTERN.EDU An Alternative Voice UI to Voice Assistants SMASHINGMAGAZINE.COM COMMENTS Simply Markdown - Easy Create Markdown with

✏ Is AMP Dead and Do We Care? React Markdown Editor, Bad vs Good Designs, and more...

Saturday, June 19, 2021

Poll: Is AMP Dead, and do We Care? WEBDESIGNERDEPOT.COM COMMENTS Bad Vs Good Accessible Designs USABILITYGEEK.COM COMMENTS Client-Side Routing in Next.js SMASHINGMAGAZINE.COM COMMENTS React Markdown

The 25 Best Accent Chairs, According to AD100 Designers

Friday, June 18, 2021

Plus, more sourcing inspiration. View in your browser | Update your preferences Architectural Digest AD PRO logo image Welcome to the PROcurement, our new weekly roundup of the best designs to source

✏ 40 Javascript Memes, CSS Specificity Calculator, HTML Semantic Tags Sheet, and more...

Friday, June 18, 2021

The Problem with UX/UI Portfolios MARKBOULTON.CO.UK COMMENTS CSS Specificity Calculator POLYPANE.APP COMMENTS Your Image is Probably not Decorative SMASHINGMAGAZINE.COM COMMENTS Top 40+ Javascript

What Will Back-To-Normal Look Like?

Friday, June 18, 2021

A weekly dispatch from Architectural Digest's Editor in Chief. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

UX/UI Portfolios, Feels, Bear Plus Snowflake, Optical Size, Aspect Ratio

Friday, June 18, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 18 2021 The problem with UX/UI portfolios markboulton.co.

RWD Weekly #462— the one about the little yellow book

Friday, June 18, 2021

No preview text for you this week, you've got to commit to reading this one by opening it first :) Read online Hello again, welcome back to RWD Weekly #462 happy Friday! This week I've been

Meet Image Optimization, A New Smashing Book

Thursday, June 17, 2021

Meet Addy Osmani's new book on image optimization: from formats and compression to delivery and maintenance. Brand new book: Image Optimization by Addy Osmani. Dearest Friend, How do we deliver

🔥 Dashing Mobile UI Designs and more

Thursday, June 17, 2021

Round Up The Newest UpLabs Weekly Freebies 🤠 Check out some fresh high-quality Freebies that have been handpicked for you by the UpLabs team this week. The New Super Fast Way to Build a Website

Holly Hunt Reinvents Herself Once Again

Thursday, June 17, 2021

Plus, a houseplant sells for almost $20000 at auction (image) Architectural Digest AD PRO Logo house plant - philodendron Think You Love Houseplants? This One Just Sold for Almost $20000 Read More →