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

Car UX, DevTools Tips, CSS Patterns, iOS404, Internet Cables

Thursday, April 18, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 18 2024 Steering the future: a new vision for car UX

Big Tents, Pistachio Palettes, and Other Late-Breaking Milan Discoveries

Wednesday, April 17, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

163 / Dieter Rams inspired Framer components, America's national parks and more free resources…

Wednesday, April 17, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 1 View in browser Welcome to Issue 163! I'm comfortable talking to a human on camera, but talking at the camera, not so much. The

Logo System, BCWA Identity, War Robots, 84—24, 19th-Century Atlas

Wednesday, April 17, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 17 2024 Logo System: Explore 400+ logo designs logosystem

Emma Roberts's Home: AD100 Firm Pierce & Ward Share Their Secret Sources

Tuesday, April 16, 2024

Plus, the best exterior house colors View in your browser | Update your preferences Architectural Digest AD PRO Logo exterior of two residential buildings painted with blue trim with a brick patio and

#452: Design Workflow

Tuesday, April 16, 2024

How to choose the right idea, navigate difficult conversations and communicate design. Issue #452 • Apr 16, 2024 • View in the browser Smashing Newsletter Iyi akşamlar Smashing Friends, Design workflow

Mario & Pareto, faces.js, Sleep vs Blog, Dark Mode, DOM Folding

Tuesday, April 16, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 16 2024 Mario meets Pareto mayerowitz.io Discover how to

Gap, Teenagers, Artistic Intelligence, Should Designers Code, CSS in RSCs

Tuesday, April 16, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 15 2024 Gap is the new Margin frontendmasters.com In 2020

How to Combat Allergies at Home—Designers Weigh In

Monday, April 15, 2024

Plus, 5 gorgeous greenhouses from the AD Archive View in your browser | Update your preferences Architectural Digest AD PRO Logo a conservatory-style greenhouse at the back of a lush floral garden

Accessibility Weekly #392: Socks, Lies, and Accessibility

Monday, April 15, 2024

April 15, 2024 • Issue #392 View this issue online or browse the full issue archive. Featured: Socks, lies, and accessibility "Global Accessibility Awareness Day (GAAD) is around the corner.