CSS Layout News - Issue 292

Grid fixes for Safari, Flex tools in Chrome, hiding content, and accessibility.

CSS Layout News


ISSUE 292  2nd March 2021




Issue 292

Welcome to another issue of CSS "is it really Tuesday again?" Layout News. There is quite a lot of actual news this week, with some interesting stuff coming to browsers and DevTools.

I also have a whole bunch of online conference news. Upcoming in the next few weeks I have three events that I'm excited about, and different talks for all of them because I need more things to do.

  • Axe-con, where I will be talking about content re-ordering and Grid.
  • An Event Apart, with a brand new talk about how CSS works today.
  • hover, where I will be talking about the display property.

If you have an upcoming online event or meetup and would like me to speak or to run a workshop, let me know. With an optimistic eye to the future I'm happy to pencil in hopeful in-person/hybrid dates too. I can imagine that within the UK is going to initially be more possible than elsewhere for me, but we shall keep all things crossed that the vaccines work and some sort of normal life can resume.

Rachel Andrew, CSS Layout News


Release Notes for Safari Technology Preview 121 | WebKit

There are some useful fixes in Safari TP 121 for some grid bugs, and also support for aspect-ratio in Grid Layout. Hopefully these things will make it into Safari proper soon!



The new HTML popup element is in development

In the recent Weekly Platform news is a description of the new <popup> element which is in development in Chrome. I've seen mixed feelings about this, although it's such a common UI feature that having a built in method which has default accessibility seems a good way to avoid everyone creating their own with varying results.



What's New In DevTools (Chrome 90)  |  Web  |  Google Developers

There are some nice new Flexbox tools coming in Chrome 90. I think these will be great to help people learn how flexbox works in addition to making debugging easier.





Hiding Content Responsibly | Kitty Giraudel

All the possible ways to hide content and a quick summary for each explaining how accessible they are and when they should be used.



The Clearleft Podcast: Accessibility

Accessibility is on my mind a lot this week as I am putting together my talk for axe-con and so here is a timely episode of the Clearleft podcast. Find out what it's like to use a screen reader on a website with Léonie Watson, and hear the thoughts of Laura Kalbag and Cassie Evans on designing while considering all users of your site.



Diving into the ::before and ::after Pseudo-Elements / Coder's Block

Lots of information and demos of using ::before and ::after.





Glassmorphism CSS Generator

A generator to create the "frosted glass aesthetic" which combines a partially transparent background with backdrop-filter to create the effect.


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 291

Tuesday, February 23, 2021

Images, shadows, tabs, and Intersection Observer. View on the Web Archives ISSUE 291 23rd February 2021 News Issue 291 I didn't get time to move this list to the new platform last week. I had my

CSS Layout News - Issue 290

Tuesday, February 16, 2021

All about the floats, plus multicol, and container queries news. View on the Web Archives ISSUE 290 16th February 2021 News Issue 290 I am currently working on moving this newsletter to a new platform.

CSS Layout News - Issue 289

Tuesday, February 9, 2021

Platform News, clamp(), masking, accessibility, and faking container queries. View on the Web Archives ISSUE 289 9th February 2021 News Issue 289 I've been at a CSS WG virtual face-to-face meeting

CSS Layout News - Issue 288

Tuesday, February 2, 2021

Flexbox features in Chrome DevTools, aspect-ratio, avoiding font-loading layout shifts View on the Web Archives ISSUE 288 2nd February 2021 News Issue 288 While it has been almost a year since I got on

CSS Layout News - Issue 287

Tuesday, January 26, 2021

Open Web Docs, Firefox 85, scroll margin, simple HTML View on the Web Archives ISSUE 287 26th January 2021 News Issue 287 Some interesting bits of news this week, with Open Web Docs launching and :

✏ 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 →

✏ 3 Ways to Design More Inclusively, What is a Design System?2021 Fun Typefaces, and more...

Thursday, June 17, 2021

3 Ways to Design More Inclusively WEBDESIGNERDEPOT.COM COMMENTS What is a Design System? ROBERTCREATIVE.COM COMMENTS Animal Crossing Font FONTSPANDA.COM COMMENTS Some Fun Typefaces for 2021 KOTTKE.ORG