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

🤯 Impressive Mobile UI Kits and more

Thursday, June 24, 2021

Fresh UpLabs Freebies? Yes Please 😉 Take a look at some fresh high-quality Freebies that have been handpicked for you by the UpLabs team this week. Only $9.99 for UpLabs Premium! Seize the opportunity,

✏ Splash Page Vs Landing Page, Frontend Toolbox, 10 JavaScript Keyboards, and more...

Thursday, June 24, 2021

Work at the Intersection of Data, Design, and Technology [ad] SPS.NORTHWESTERN.EDU Frontend Toolbox - A List of Handpicked Resources for Frontend Developers AKSHAY.ROCKS COMMENTS Splash Page Vs Landing

Grandma's Vases Are Causing a Buzz

Thursday, June 24, 2021

Plus, 15 interiors every design lover must see in person (image) Architectural Digest AD PRO Logo For Clients Enjoying the High Life, These Antiques Turned Cannabis Accessories Could Be a Big Hit Read

✏ Issue #492: Best New Fonts, What to Expect from Windows 11, Brave Search, 6 Levels of UX Maturity, and more…

Thursday, June 24, 2021

View this newsletter online Unsubscribe NEWSLETTER ISSUE #492 JUNE 24, 2021 20 Best New Fonts, June 2021 Welcome to the first in a new series of posts in which we take a look at the best new fonts

Universal Pictures, Surviving IDEO, Assassin’s Creed, Tipping Experience, Aspect-ratio

Thursday, June 24, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 24 2021 Universal Pictures Brand Identity Refinement

The Biggest Paint Trend News of 2021 (So Far)

Wednesday, June 23, 2021

Plus, 17 boldly beautiful dining room ideas from the pages of AD (image) Architectural Digest AD PRO Logo wooden drinks cabinet With Its IPO, Will 1stDibs Become the eBay of Luxury Design? Read More →

✏ How Performance Affects SEO, RWD in a Component World, Coded Illustrations, and more…

Wednesday, June 23, 2021

Work at the Intersection of Data, Design, and Technology [ad] SPS.NORTHWESTERN.EDU How your Website Performance Affects your SEO Rankings BOOTSTRAPBAY.COM COMMENTS Soft UI: Making Sense of the Latest

NYC Votes, Coded Illustrations, Motion & Accessibility, Custom Scrollbars, UCD

Wednesday, June 23, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 23 2021 Vela: Identity Design Process mattyow.medium.com

Issue 308

Wednesday, June 23, 2021

Information as more of the new rendering engine for Chromium lands. Explaining interesting CSS Grid examples, CSS masking, and serving sharp images. CSS Layout News Issue 308 By Rachel Andrew – 23 Jun

Vela Identity, Safari 15, Cars Data, New Responsive, Styled-components

Wednesday, June 23, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 23 2021 Vela: Identity Design Process mattyow.medium.com