CSS Layout News - CSS Layout News - Issue 285

aspect-ratio, accessibility and table structures, accessible buttons, and a site using scroll-snap
 

CSS Layout News

 

ISSUE 285  12th January 2021

 

News

 

Issue 285

Hello again from lockdown Bristol.

A few nice bits and pieces this week. Safari TP has the aspect-ratio property. An nice article about algorithmic layouts, table/grid semantics, and a generator for accessible button contrast.

Until next time,

Rachel Andrew, CSS Layout News

 

Release Notes for Safari Technology Preview 118 | WebKit

Safari Technology Preview 118 includes the aspect-ratio property.

webkit.org

 
 

Learn

 

The Devil's Albatross - An algorithmic layout technique

A write-up of a technique to deal with a specific responsive header pattern.

9elements.com

 

Grids Part 2: Semantics | Sarah Higley

A great explanation of grid semantics - and how column and row relationships are represented for screen reader users.

sarahmhigley.com

 
 

Interesting

 

ButtonBuddy - Accessible button contrast generator

I like this, an accessible button contrast generator with a cute smiley button.

buttonbuddy.dev

 

Robin Rendle › Newsletters

This essay uses CSS Scroll Snap to jump between "pages".

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

CSS Layout News - Issue 282

Wednesday, December 23, 2020

Centre things, make things sticky, and catch up on all the talks from the Chrome Dev Summit. View on the Web Archives ISSUE 282 23rd December 2020 News Issue 282 A short issue this week as we prepare

CSS Layout News - Issue 281

Wednesday, December 16, 2020

MDN is now on GitHub, the Houdini.now resource site, HTTP Archive Web Almanac. View on the Web Archives ISSUE 281 16th December 2020 News Issue 281 A day late as I managed to brick my computer trying

CSS Layout News - Issue 280

Tuesday, December 8, 2020

Webdev Advent 2020, covering one thing with another, sticky and full-bleed elements playing nicely together. View on the Web Archives ISSUE 280 8th December 2020 News Issue 280 I tweeted about my

You Might Also Like

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 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏