CSS Layout News - CSS Layout News - Issue 300

We made it to issue 300. This week: custom properties, CLS, breakpoints.
 

CSS Layout News

 

ISSUE 300  27th April 2021

 

News

 

Issue 300

It's issue 300! I've been sending a weekly CSS Layout News since the 4th August, 2015. If you need a reminder about how very long ago that was, the issue led with the release notes for Chrome 44! I announced Grid Layout shipping in Firefox in issue 84 and Chrome in issue 85, over 4 years ago.

I noted last week, as I was preparing an update to my talk on new things in CSS, how quickly things are shipping into browsers now. Things that I included as coming soon features, have landed in browsers by the time I give the talk again, and new things have started to show up. I started this newsletter to help promote the upcoming grid spec, and it's very cool that there are still plenty of new layout and layout-adjacent things happening to let me make it to issue 300—and beyond!

Rachel Andrew, CSS Layout News

 
 

Learn

 

Understanding Display

Slides and resources for my talk at Web Directions hover, a conference just about CSS.

noti.st

 

Don't you forget about me: overlooked breakpoints in responsive design.

An article about some breakpoints that you might want to pay a little more attention to.

polypane.app

 

Sortable Table Columns | Adrian Roselli

Another excellent article from Adrian, covering a design pattern that many of us will have had to deal with at one time or another.

adrianroselli.com

 

Getting started with CSS Custom Properties - Tutorial - Piccalilli

Custom properties in CSS are exceptionally useful, not just for tokenising your CSS, but also for abstracting complexity and interactivity into smaller, easier to manage pieces. This short guide will get you up to speed with how they work and how to use them.

piccalil.li

 

A Complete Guide to Custom Properties | CSS-Tricks

After reading the earlier short primer, here's a complete guide to custom properties to help you take the next step!

css-tricks.com

 

Exploring color-contrast() for the First Time | CSS-Tricks

Chris takes a good look at the upcoming color-contrast() function.

css-tricks.com

 

The Almost-Complete Guide to Cumulative Layout Shift

A solid guide to Cumulative Layout Shift (CLS). This is a measurement of the annoying experience of a layout shifting around as you try to use it, leading you to click on the wrong things or lose your place.

jessbpeck.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 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 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

CSS Layout News - Issue 297

Tuesday, April 6, 2021

Horizontal rules, SVG grids, or build your own web browser View on the Web Archives ISSUE 297 6th April 2021 News Issue 297 I hope those of you who celebrate (the Western church) Easter, had a good

CSS Layout News - Issue 296

Wednesday, March 31, 2021

Container Queries, CSS Performance, and more interesting things about color. View on the Web Archives ISSUE 296 30th March 2021 News Issue 296 I've still not moved platform for this newsletter yet,

CSS Layout News - Issue 295

Tuesday, March 23, 2021

Fixing compat pain points, color-mix(), blend modes and masking. View on the Web Archives ISSUE 295 23rd March 2021 News Issue 295 Today marks a year since the first lockdown here in the UK, I just had

You Might Also Like

#497: Color Palettes and Generators

Tuesday, March 4, 2025

How to fix a broken color palette, accessible color combinations, color names and palette generators. Issue #497 • Feb 28, 2025 • View in the browser Smashing Newsletter Pryvit! Smashing Friends, How

180 / Make your everyday browsing ridiculously beautiful

Monday, March 3, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Feb 2025 • Part 2 View in browser Welcome to Issue 180 Last year I teamed up with two of my close friends on a side project we're all obsessed with

Accessibility Weekly #438: When to Use Lists

Monday, March 3, 2025

March 3, 2025 • Issue #438 View this issue online or browse the full issue archive. Featured: When to use lists for better accessibility "When creating HTML content, using lists appropriately is

High touch recruiting

Sunday, March 2, 2025

Issue 235: Long-lasting candidate experiences ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

All Compute Must Flow

Sunday, March 2, 2025

“If I don't have that kind of compute on Day 1, I can't breathe." ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

🐺 Is a trade show is your right next step?

Friday, February 28, 2025

Q&A with Shoppe Objects' founders ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

AD100 Designers on Battling Burnout

Thursday, February 27, 2025

View in your browser | Update your preferences ADPro Get Your Groove Back Most days, working in the design field is creatively fulfilling. But occasionally, in the throes of tight project timelines,

Accessibility Weekly #436: Evaluating Overlay-adjacent Accessibility Products

Thursday, February 27, 2025

February 17, 2025 • Issue #436 View this issue online or browse the full issue archive. Featured: Evaluating overlay-adjacent accessibility products "There's a category of third party products

#495: Accessibility and Inclusive UX

Thursday, February 27, 2025

Accessible fonts, inclusive design patterns, accessibility annotations and how to design for people with ADHD. Issue #495 • Feb 18, 2025 • View in the browser 💨 Smashing Newsletter Bok Smashing Friends

AD Editors Share Their Favorite March Issue Moments

Thursday, February 27, 2025

View in your browser | Update your preferences ADPro Behind the Scenes of Creatives at Home The March issue of AD, dedicated to creatives at home, is here. In her editor's letter, global editorial