CSS Layout News - CSS Layout News - Issue 302

Container Queries, vendor prefixes, variable aspect ratios with conic gradients
 

CSS Layout News

 

ISSUE 302  12th May 2021

 

News

 

Issue 302

This week, more container queries links, along with a bunch of stuff in the latest Safari Technology Preview. While folk are getting excited about new CSS, I've spent the last few days thinking about browser compat, old browsers, and unsupported features for something I'm working on. So my links also include some recent articles on that subject.

Rachel Andrew, CSS Layout News

 

Release Notes - Safari Technology Preview - Safari - Apple Developer

There is a whole heap of fixes and additions in the latest Safari Technology Preview, including a bunch of improvements to the Web Inspector grid tools.

apple.com

 

BlinkOn 14 Schedule

BlinkOn is happening at the moment, however is unfortunately in the middle of the night for me. The recordings of presentations will be going up on YouTube however, linked from the schedule.

google.com

 
 

Learn

 

Live Q&A: Miriam Suzanne - YouTube

Talk and Q&A with Miriam Suzanne, covering container queries but also other new things coming to CSS. I was excited to hear Regions mentioned in the Q&A, I still hope we'll get that ability one day.

youtube.com

 

On Regions: Making Things Better

Given that understanding of Regions has probably half vanished from the collective memory by now, here's my notes from my talk on the subject in 2019.

rachelandrew.co.uk

 

Variable Aspect Ratio Card With Conic Gradients Meeting Along the Diagonal | CSS-Tricks

Another excellent article from Ana Tudor, who is just so good at digging into the possibilities of CSS.

css-tricks.com

 

Is Vendor Prefixing Dead? | CSS-Tricks

This article was timely for me as I was thinking about browser compat issues for something I was working on this week. A great dig into which properties in CSS still need prefixing.

css-tricks.com

 

Component-level art direction with CSS Container Queries

Sara looks into the emerging Container Queries specification, in terms of art direction at the component level.

sarasoueidan.com

 
 

Interesting

 

Progress Delayed Is Progress Denied - Infrequently Noted

Also, in my personal theme of web compat this week, is this article from Alex Russell. Whether you agree or not that Safari is underpowered, the data included here is interesting. In particular the section Just out of reach. It's in these uncontroversial missing features my own personal frustration lies. There are APIs in Chromium that Safari and Firefox have pushed back against, and that is a healthy part of standards debate. What is difficult is to see useful CSS for example, things that no one is arguing against, held behind a gate.

infrequently.org

 
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 301

Tuesday, May 4, 2021

Gaps in flex for Safari, new Chrome DevTools, and I'm feeling quite old. View on the Web Archives ISSUE 301 4th May 2021 News Issue 301 Lots of actual news this week, with gaps in Flexbox landing

CSS Layout News - Issue 300

Tuesday, April 27, 2021

We made it to issue 300. This week: custom properties, CLS, breakpoints. View on the Web Archives ISSUE 300 27th April 2021 News Issue 300 It's issue 300! I've been sending a weekly CSS Layout

CSS Layout News - Issue 299

Tuesday, April 20, 2021

Safari Grid Inspector, Firefox 88, understanding CSS. View on the Web Archives ISSUE 299 20th April 2021 News Issue 299 A slightly shorter email this week as I was out this morning driving to another

CSS Layout News - Issue 298

Wednesday, April 14, 2021

More on Container Queries, clipping and masking, accessible components View on the Web Archives ISSUE 298 14th April 2021 News Issue 298 Last week I spent a bit of time digging into container queries

CSS Layout News - Issue 297

Tuesday, April 6, 2021

Horizontal rules, SVG grids, or build your own web browser View on the Web Archives ISSUE 297 6th April 2021 News Issue 297 I hope those of you who celebrate (the Western church) Easter, had a good

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.