CSS Layout News - CSS Layout News - Issue 250

Cumulative Layout Shift, CSS Solutions, the contain property.
 

CSS Layout News

 

ISSUE 250  12th May 2020

 

News

 

Issue 250

I just looked at the number of this issue, 250. That's two-hundred and fifty weeks of CSS Layout goodness. I've managed not to miss a week so far, mostly thanks to the fact that people write enough interesting stuff to bring me a few things to share each week.

My diary is filling up with virtual presenting and workshops. It's not the 2020 I expected, but it's the 2020 I am getting. I'm trying to adapt to this new normal and to enjoy the time at home, feeling fortunate I have a garden to plant things in, and good friends online to spend time with in a virtual way at least. I hope you are all staying safe and well.

Rachel Andrew, CSS Layout News

 

Smashing Meets

I'll be speaking about subgrid at Smashing Meets on 19th of May. It's a free virtual meet-up style event with 3 x 30 minute talks.

ti.to

 
 

Learn

 

Optimize Cumulative Layout Shift

A post about avoiding sudden layout shifts, to prevent the problem where someone is about to click something and it moves.

web.dev

 

Let's Take a Deep Dive Into the CSS Contain Property | CSS-Tricks

An incredibly detailed post about the CSS contain property.

css-tricks.com

 

Modern CSS Solutions

A collection of nice solutions for a variety of things that have typically been difficult to do in CSS.

moderncss.dev

 

Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols — Smashing Magazine

An article digging into the detail of micro-typography, the spacing between letters and punctuation marks.

smashingmagazine.com

 
 

Interesting

 

Box Shadows - Generate CSS Box Shadows

Try out different box shadows on a variety of elements.

box-shadows.co

 
 

Our Sponsor

 

Earlybird pricing for my all-new CSS Layout video course

I've been completely rewriting and re-recording my CSS Layout course. You can learn Grid, Flexbox, browser support and much more by coding along with me in these lessons.

The first lessons are now online and if you sign up for the complete course with code EARLYBIRD, you will get a $40 discount and be first to see all of the new material as soon as it goes online.

thecssworkshop.com

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

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

Older messages

CSS Layout News - Issue 248

Tuesday, April 28, 2020

Announcing my new layout courses, gap properties for flexbox, responsive type, dark mode toggles. View on the web Archives ISSUE 248 28th April 2020 News Issue 248 Hello! I've been working away on

CSS Layout News - Issue 247

Tuesday, April 21, 2020

ResizeObserver, internationalisation, text inside a circle, CSS Grid View on the web Archives ISSUE 247 21st April 2020 News Issue 247 Hello friends, I hope this finds you well. We lost an all round

CSS Layout News - Issue 246

Tuesday, April 14, 2020

Firefox 75 features, Inspired Design Decisions, a printable zine template, dark mode View on the web Archives ISSUE 246 14th April 2020 News Issue 246 A slightly shorter email than usual, maybe there

CSS Layout News - Issue 245

Thursday, April 9, 2020

A grid of logos, LCH colors, responsive images, and the notes from my talk Making Things Better. View on the web Archives ISSUE 245 7th April 2020 News Issue 245 Another Tuesday, I hope this finds you

You Might Also Like

🐺 How to create a high impact press page.

Friday, February 14, 2025

͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

#494: UX and Product Design

Friday, February 14, 2025

Redesigning complex navigation, product design process, UX in legacy systems, UX workshops with users. Issue #494 • Feb 11, 2025 • View in the browser Smashing Newsletter Halò Smashing Friends, How do

Nick Mafi on Capturing LA’s Loss

Friday, February 14, 2025

View in your browser | Update your preferences ADPro 77 Stories Shared As we watched the worst fires in Los Angeles history spread across the city, the editors at AD came together to discuss the

🐺 Content that Converts - the replay is up!

Friday, February 14, 2025

And everyone who joined loved it! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

Designer or Couple’s Therapist?

Friday, February 14, 2025

View in your browser | Update your preferences ADPro Let's Make a Deal There's no shortage of spoils in the wonderfully eclectic Hudson Valley home of actor Walton Goggins and writer-director

178 / Visualize your dreams in 2025

Wednesday, January 15, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Jan 2025 • Part 1 View in browser Welcome to Issue 178 Ever get curious about how this newsletter is doing? I shared the 2024 behind-the-scenes and

Mayer Rus on Loss, and Living, in LA

Tuesday, January 14, 2025

View in your browser | Update your preferences ADPro LA, I Love You Los Angeles has been my home for nearly 20 years, and the devastation here, now, is unfathomable. Entire neighborhoods have been

🐺 How to make a great first impression

Tuesday, January 14, 2025

With real examples. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#490: Interface Design

Tuesday, January 14, 2025

How to design better interfaces, how to choose icons, optical effects, iconography, Gestalt principles and icon design. Issue #490 • Jan 14, 2025 • View in the browser Smashing Newsletter Buona

🐺LAST CHANCE to get 20%-off our PR Masterclass Series

Monday, January 13, 2025

Make 2025 your biggest press year yet. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏