CSS Grid Lanes: New Feature for Masonry Layouts Now Available in Safari Technology Preview
By
frizlab
A five-star bake. Worth schmearing, sharing, saving.
Summary
The article introduces CSS Grid Lanes, a new CSS feature for creating masonry layouts on the web. It explains that this technology has been developed through collaboration between Mozilla, Apple's WebKit team, and the CSS Working Group, and is now available in Safari Technology Preview 234. The article provides technical details on how Grid Lanes work, including code examples for implementation, and positions this as a significant advancement for web layout design.
Key quotes
· 5 pulledIt's here, the future of masonry layouts on the web!
Introducing CSS Grid Lanes.
Try it today in Safari Technology Preview 234.
After the groundwork laid by Mozilla, years of effort by Apple's WebKit team, and many rounds debate at the CSS Working Group with all the browsers, it's now clear how it works.
Let's break down exactly how to create this classic layout.
You might also wanna read
CSS Masonry Layouts: Three Competing Proposals for Native Browser Support
This article explores the ongoing debate in the CSS community about how to implement masonry-style layouts (like Pinterest's grid) natively
Smashing Magazine·1y ago
CSS Masonry Layout: Native Browser Support Eliminates Need for JavaScript Libraries
The article explores the upcoming native CSS Masonry layout feature, which will eliminate the need for JavaScript libraries to create masonr
Smashing Magazine·6mo ago