news.volyx.in

CSS Grid Lanes (webkit.org)

754 points by frizlab · 216 days ago · 229 comments on HN

Article summary

The article introduces CSS Grid Lanes, a new feature for creating masonry layouts on the web. It explains how to use Grid Lanes with the `display: grid-lanes` property and `grid-template-columns` to create flexible columns. The feature is available in Safari Technology Preview and is expected to be widely adopted. The article also discusses the benefits of Grid Lanes, including easier layout creation and improved accessibility.

Main themes

  • CSS Grid Lanes
  • Masonry layouts
  • Web development
  • Browser compatibility
  • Accessibility
  • Web standards

What commenters say

  • The introduction of CSS Grid Lanes is a significant improvement over existing masonry layout solutions, which often rely on hacks and JavaScript.
  • Some users are concerned that the adoption of new CSS features will lead to broken websites on older browsers and machines, and that developers should prioritize backwards compatibility.
  • Others argue that the web needs to evolve and that older browsers and machines will eventually become obsolete, making it unnecessary to cater to them.
  • Developers have a responsibility to ensure that their websites are accessible and functional on a wide range of devices and browsers, and that new features like Grid Lanes can help achieve this goal.
  • The decision to replace the `grid-template-rows: masonry` property with Grid Lanes has been met with some criticism, but others see it as a necessary step towards a better and more widely-supported solution.
  • Some commenters believe that the web development community should prioritize stability and consistency over the introduction of new features, which can lead to complexity and fragmentation.
  • Others argue that the benefits of new features like Grid Lanes, including improved layout capabilities and accessibility, outweigh the potential drawbacks and that developers should embrace them.
  • The issue of browser compatibility is complex and multifaceted, and there is no easy solution, but developers and browser vendors must work together to ensure that the web remains accessible and functional for all users.