CSS Layout News - CSS Layout News - Issue 271

Flexbox gaps, DevTools, accessibility resources, and media queries
 

CSS Layout News

 

ISSUE 271  6th October 2020

 

News

 

Issue 271

Lots of interesting things today, perhaps everyone is back from whatever shape of summer vacation they managed to take!

Tomorrow I am speaking at FITC Web Unleashed, online of course this year. I very much miss getting to meet up with folk at in-person events. Online is great, and I am pretty sure I'll carry on doing online workshops even once travel is possible again. For many people traveling to an in-person event wasn't possible before the pandemic, and it's great to be able to reach those people. However, there are some things that are made easier when you can all sit in a room together. I'll be glad when we can combine the two.

Rachel Andrew, CSS Layout News

 

Closing the gap (in flexbox 😇) – Virtual Reality

A post with some good news that the gap properties will be coming to Safari. The post also covers a lot of other flexbox bugs that have been fixed and demonstrates the importance of Web Platform Tests in improving browser interoperability.

igalia.com

 

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

Some good things coming to Chrome DevTools. New Grid tools, and a way to group properties by category in the Computed pane.

google.com

 
 

Learn

 

a11yresources - A growing list of accessibility tools and resources

A massive list of accessibility resources.

webflow.io

 

AddyOsmani.com - Emulate vision deficiencies in DevTools

An explanation of the useful feature of Chrome DevTools that allows you to emulate different color deficiencies.

addyosmani.com

 

Build a responsive media browser with CSS - Piccalilli

A lovely tutorial which covers plenty of ground in terms of aspect ratios, responsive design, and accessibility.

piccalil.li

 

A Complete Guide to CSS Media Queries | CSS-Tricks

A thorough guide to media queries, including the newer user preference media features.

css-tricks.com

 

How To Use Face Motion To Interact With Typography — Smashing Magazine

Interesting ideas around text legibility and face proximity!

smashingmagazine.com

 
 

Interesting

 

When fonts fall

A thorough and interesting look at the world of font fallback.

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

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

Older messages

CSS Layout News - Issue 270

Tuesday, September 29, 2020

MDN Browser Compat Report, accessibility, animation, font-size with clamp() View on the web Archives ISSUE 270 29th September 2020 News Issue 270 Animation and accessibility feature heavily this week,

CSS Layout News - Issue 269

Tuesday, September 22, 2020

In-depth with the display specification, sortable tables, and accessible navigation View on the web Archives ISSUE 269 22nd September 2020 News Issue 269 Being a bit light on content this week, mostly

CSS Layout News - Issue 268

Tuesday, September 15, 2020

CSS Clipping and Masking, a free 24 hour Inclusive Design event, Interaction Media Features View on the web Archives ISSUE 268 15th September 2020 News Issue 268 It's a little strange as we head

CSS Layout News - Issue 267

Tuesday, September 8, 2020

Custom list bullets, browser diversity, JavaScript Media Queries. View on the web Archives ISSUE 267 8th September 2020 News Issue 267 I am writing this while waiting to present at the online

CSS Layout News - Issue 266

Friday, September 4, 2020

folding websites, hidden content, gradients, and CSS Shapes View on the web Archives ISSUE 266 1st September 2020 News Issue 266 A bit of a shorter issue this week as yesterday was a holiday in the UK,

You Might Also Like

Writing a POV Doc

Sunday, May 5, 2024

Issue 193: Share what you care about at scale ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

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