CSS Grid Lanes: Current Browser Support and Implementation Guide
By
feross
Crackling crust, pillowy middle. The kind of bagel that earns a second cup of coffee.
Summary
The article discusses the upcoming CSS Grid Lanes feature, explaining its current browser support status and providing practical guidance for developers. It notes that the finalized syntax is available in Safari Technology Preview, with Edge, Chrome, and Firefox making significant implementation progress. The article emphasizes that developers can start using Grid Lanes immediately through progressive enhancement techniques and promises to show how to implement this new layout capability.
Key quotes
· 4 pulledAnytime an exciting new web technology starts to land in browsers, developers want to know 'when in the world am I going to be able to use this?'
Currently, the finalized syntax for Grid Lanes is available in Safari Technology Preview.
Edge, Chrome and Firefox have all made significant progress on their implementations, so it's going to arrive sooner than you think.
Plus, you can start using it as soon as you want with progressive enhancement.
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