Flexbox features in Chrome DevTools, aspect-ratio, avoiding font-loading layout shifts

ISSUE 288 2nd February 2021

News

Issue 288

While it has been almost a year since I got on an airplane to go speak to people, and it is looking unlikely that will be happening again soon, I'm happy to be working on some new talks for 2021. I will be speaking at axe-con, linked below, and also for An Event Apart. Watch this space for some more dates coming soon!

If you run a meetup or event, or would like a speaker for a (virtual) in-house event or workshop in your company, drop me a line. I'm well set-up at this point to deliver everything from a short talk to a full day of training, from my home office to yours.

Rachel Andrew, CSS Layout News

axe-con Digital Accessibility Conference | Deque

I'm going to be speaking about CSS Grid and content re-ordering at axe-con. It's free to register and there is a whole line up of interesting talks.

deque.com

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

Some nice looking tools are being added to Chrome DevTools for flexbox. It's currently an experiment, but you can take a look by enabling it in Chrome.

google.com

Learn

How to avoid layout shifts caused by web fonts – Simon Hearne

A useful primer in avoiding layout shifts when using web fonts.

simonhearne.com

New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly

Una writes about the aspect-ratio property which has now shipped in Chrome, and is being implemented in Firefox and WebKit too!

web.dev

No Jank CSS Stripes

A nice little tip - and a CSS Stripes generator

css-tricks.com

Bulletproof flag component

An exploration into using CSS Grid for a common site component.

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

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 :

CSS Layout News - Issue 286

Tuesday, January 19, 2021

Chrome 88, Responsible Web Applications, screen reader testing View on the Web Archives ISSUE 286 19th January 2021 News Issue 286 I'm currently spending my time documenting things over at MDN. The

CSS Layout News - Issue 285

Tuesday, January 12, 2021

aspect-ratio, accessibility and table structures, accessible buttons, and a site using scroll-snap View on the Web Archives ISSUE 285 12th January 2021 News Issue 285 Hello again from lockdown Bristol.

CSS Layout News - Issue 284

Tuesday, January 5, 2021

Styling for high contrast, custom properties, web components View on the Web Archives ISSUE 284 5th January 2021 News Issue 284 Happy New Year! 2021 is not starting very well here in the UK as we head

CSS Layout News - Issue 283

Tuesday, December 29, 2020

Houdini Paint API, individual transform properties, content-visibility and accessibility View on the Web Archives ISSUE 283 29th December 2020 News Issue 283 Here we are at the last CSS Layout News of

Want to Scale Your Firm in 2025? Start Here

Thursday, January 2, 2025

View in your browser | Update your preferences ADPro Build Your Best Team Yet A new calendar year presents an opportunity to wipe the slate clean, and your approach, whether slapdash or carefully

Our Must-Reads of 2024

Tuesday, December 31, 2024

View in your browser | Update your preferences ADPro Year in Review Well, we made it. It's the last day of 2024, so today, we're taking a walk down memory lane to bring you some of our

Accessibility Weekly #429: Broken Frames

Monday, December 30, 2024

December 30, 2024 • Issue #429 View this issue online or browse the full issue archive. Featured: Navigating imperfect accessibility frameworks for trauma-informed outcomes "So what is it then? Am

Top issues from 2024

Sunday, December 29, 2024

Issue 226: Looking back at the most resonating topics ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

At Home With Gloria Steinem

Thursday, December 26, 2024

View in your browser | Update your preferences ADPro Glory, Gloria Every year our AD100 honorees fill out a survey of projects that they're working on. A year or so ago, longtime AD100 designer

Celeb Homes at the Holidays—and a Few More Things to Make You Merry

Tuesday, December 24, 2024

View in your browser | Update your preferences ADPro Holiday Cheer Whether your taste leans traditional, modern, or all-out extravagant, AD is rife with inspiration for your holiday. In the spirit of

#488: Fun And Useful Gems

Tuesday, December 24, 2024

Radio garden, Zoom backgrounds, visual history of the alphabet and fun interactive experiences. Issue #488 • Dec 24, 2024 • View in the browser Smashing Newsletter Hello Smashing Friends, As we are

Accessibility Weekly #428: Putting AI to the (Accessibility) Test

Monday, December 23, 2024

December 23, 2024 • Issue #428 View this issue online or browse the full issue archive. Hey accessibility friends! It's the time of year where news and information slows down as many people take

2024 magic moments

Sunday, December 22, 2024

Issue 225: The year from my personal lens ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Planning mode

Friday, December 20, 2024

Lessons from our first-ever annual planning sprint ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

CSS Layout News - CSS Layout News - Issue 288