CSS Layout News - CSS Layout News - Issue 253

CSS Variables, accessibility, subgrid.
 

CSS Layout News

 

ISSUE 253  2nd June 2020

 

News

 

Issue 253

As a white British woman, the only thing I want to say in my intro today is that I see you, my Black readers, friends and colleagues. I see you, and I am listening and learning from the things so many of you have graciously shared. For other white folk, I'd love to point you to the great resources Tatiana Mac has created for us - Save the Tears: White Woman's Guide and White Guyde To The Galaxy. I respect the work Tatiana has put in to curate these for us, and perhaps you will join me in ordering a few of these books from a local bookseller, and commit to reading them.

If you are after CSS, the things I have been reading and publishing this week are below, as always.

Stay safe and look out for each other.

Rachel Andrew, CSS Layout News

 
 

Learn

 

Global and Component Style Settings with CSS Variables — Sara Soueidan – Freelance-Front-End UI/UX Developer

Using CSS Variables to organise and maintain styles.

sarasoueidan.com

 

Equivalent Experiences: What Are They? — Smashing Magazine

Eric Bailey explains what is meant by an equivalent experience, when we talk about accessibility.

smashingmagazine.com

 

A thread about how design is eurocentric, with loads of resources being shared.

Some great thoughts and resources shared in this thread, encouraging all of us to think past the white (and usually male) design history mainstream.

It's always a bit tricky sharing Twitter threads but as people are pitching in as I write this, I'd rather share a link to the thread than pull out resources as there will be more to read.

twitter.com

 

Rotated Table Column Headers… Now With Fewer Magic Numbers! | CSS-Tricks

Creating rotated table column headers, should that be a thing you want or need to do.

css-tricks.com

 

Making Our Patterns More Accessible - Cloud Four

This is a nice article explaining what tweaks Cloud Four have been using to make their patterns more accessible. I like this as it shows how small changes can really improve things without necessarily being a huge amount of work.

cloudfour.com

 

Hello subgrid - Smashing Meets - 19th May 2020 - Rachel Andrew on Vimeo

I presented my talk on Subgrid for Smashing Meets, and answered some questions, while Pixel the cat slept quietly behind me.

vimeo.com

 
 

Interesting

 

RWD Weekly #412 Interview Series with Rachel Andrew | Responsive Web Design

An interview I did for RWD Weekly including my thoughts on responsive design today, and how to get involved in the web platform.

responsivedesign.is

 
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 251

Tuesday, May 19, 2020

The clamp function, accessible images, vertical rhythm, Intersection Observer. View on the web Archives ISSUE 251 19th May 2020 News Issue 251 While I am missing all the events I thought I would be

CSS Layout News - Issue 250

Tuesday, May 12, 2020

Cumulative Layout Shift, CSS Solutions, the contain property. View on the web Archives ISSUE 250 12th May 2020 News Issue 250 I just looked at the number of this issue, 250. That's two-hundred and

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

You Might Also Like

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

Accessibility Weekly #394: Images as the First Thing in a Button or Link

Monday, April 29, 2024

April 29, 2024 • Issue #394 View this issue online or browse the full issue archive. Featured: Images as the first thing in a button or link "An accessibility problem I encounter regularly is