CSS Layout News - CSS Layout News - Issue 288

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

CSS Layout News

 

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
 
 

 
 
©2021 CSS Layout News | Privacy Policy | Curated by Rachel Andrew.
 
Published with Curated

Older messages

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

You Might Also Like

[Reminder] UpLabs Shutting Down on June 1st

Tuesday, May 14, 2024

Dear customer, We hope this message finds you well. It is with a heavy heart and, after much deliberation, that we must announce the upcoming closure of UpLabs. Our last day of operation will be June

If you want editors to open your emails...

Tuesday, May 14, 2024

... here's a quick tip to improve your pitch subject lines. A quick ask before we get into it. Our friends over at Proof to Product working on a report to help product folks make better business

Old Decorating Ideas We Wish They’d Bring Back

Tuesday, May 14, 2024

View in your browser | Update your preferences ADPro In AD PRO's newest feature on the potential pendulum swing towards 2000s interior design, AD100 talent Martyn Lawrence Bullard recommends “a

Update #61: Postcards Email Builder Update & New Email Templates

Tuesday, May 14, 2024

Here are the most recent Designmodo apps updates and releases from the past month.͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌

#456: How to Name Things

Tuesday, May 14, 2024

How to name design tokens, colors, UI components, HTML classes and variables. Issue #456 • May 14, 2024 • View in the browser Smashing Newsletter Konbanwa Smashing Friends, Naming is hard. As designers

Headless UI, Particle Shader Effect, Range Syntax, State of HTML, Custom @property

Tuesday, May 14, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 14 2024 OpenAI Spring Update openai.com Introducing GPT-4o

OpenAI Spring Update, CSS Shapes, Humane Web, useDeferredValue, Complicated Sticks

Tuesday, May 14, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 13 2024 OpenAI Spring Update openai.com Introducing GPT-4o

🏡 Superb Real Estate Web Designs + 🏆 Challenge Updates

Monday, May 13, 2024

Find out what's new in the UpLabs community this week 👇 Firstly, let's congratulate Rahul Parmar, the winner of our latest 📧 E-mail Client Challenge! Congratulations!! Secondly, don't

Accessibility Weekly #396: Global Accessibility Awareness Day 2024

Monday, May 13, 2024

May 13, 2024 • Issue #396 View this issue online or browse the full issue archive. Featured: Global Accessibility Awareness Day is Thursday "Thursday, May 16, 2024, help us celebrate the 13th

Concept to keynote with Figma and Google Docs

Sunday, May 12, 2024

Issue 194: Taking a keynote presentation from concept to production ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏