Grid Lanes — эпопея с masonry-раскладкой подходит к завершению
WebKit переосмыслил masonry как Grid Lanes: стабильный синтаксис, реализация в Safari Technology Preview и стратегии фолбеков.
Ох, сколько лет веб-сообщество обсуждало водопадную раскладку. Спорили о поведении, синтаксисе, совместимости — и даже не могли нормально договориться о названии. В итоге всё это тянулось годами и постоянно упиралось в спорные детали.
В декабре прошлого года команда WebKit решила перезагрузить идею и переименовала masonry-layout в Grid Lanes. Ключевая мысль — ментальная модель «полос движения»: элементы не «прыгают» как попало, а распределяются по независимым вертикальным или горизонтальным полосам. Это внезапно сняло большинство концептуальных вопросов — и по поведению, и по API.
В итоге:
- синтаксис стабилизировали;
- первая реализация уже доступна в Safari Technology Preview;
- Chrome и Firefox, по ожиданиям, подтянутся довольно быстро.
Пока что Grid Lanes можно использовать как прогрессивное улучшение: через @supports, с JS-полифилами и аккуратными фолбеками. Вторая статья как раз подробно разбирает реальные демо-сценарии и стратегии деградации.