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

Writing a POV Doc

Sunday, May 5, 2024

Issue 193: Share what you care about at scale ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

It's Officially Show House Season

Thursday, May 2, 2024

View in your browser | Update your preferences ADPro Showing Up, and Showing Off One of the traditions design aficionados look forward to the most each year is the return of decorator show houses. In

Zelman Meats, AI Feedback Loop, Figma Variables, CSS Masonry, Passkeys

Thursday, May 2, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 2 2024 Zelman Meats logo by Red Dot Studio logodesignlove.

Every viral brand has these 5 things in common ⚡️

Wednesday, May 1, 2024

See if your brand checks all the boxes... Branding, branding, branding. Like, PR, it's an oft-misunderstood area of business building. Many people think a logo, some colors, and a font constitute

inherit(), Polish, Picture-Superiority Effect, Music Notation, Multi-Brand Design System

Wednesday, May 1, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 1 2024 Self-Modifying Variables: the inherit() Workaround

164 / What if you could talk to Scarlett Johansson from the movie Her?

Tuesday, April 30, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 2 View in browser Welcome to Issue 164! Standing out in today's competitive market is hard, really hard. But side projects can help

#454: JavaScript

Tuesday, April 30, 2024

Front-End Engineer Handbook, JavaScript Cheatsheet, File System APIs and Invokers. Issue #454 • Apr 30, 2024 • View in the browser Smashing Newsletter Labas vakaras Smashing Friends, Let's talk

Mayer Rus on L.A.’s Great Gallery Migration

Tuesday, April 30, 2024

View in your browser | Update your preferences ADPro Image may contain: People, Person, Accessories, Bag, Handbag, Food, Meal, Adult, Clothing, Hat, Glasses, Fun, and Party For this week's edition

Head of Typography, Centering Things, 3D Badge, Alternating Style Queries, Hate Speech

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 30 2024 Detect JavaScript Support in CSS ryanmulligan.dev

JavaScript Support, AI in UI/UX, Deja Vu, Nature of Code, Clubhouse

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 29 2024 Detect JavaScript Support in CSS ryanmulligan.dev