Жаркий спор по теме Masonry в CSS
Masonry сетка на CSS
CSS получает новый функционал, с помощью которого можно будет создавать сетки по типу Pinterest.
Но из-за дебатов между командами WebKit и Chrome релиз задерживается. Решается вопрос о том, как должен выглядеть синтаксис.
Вырисовывается классическая картина с двумя стульями:
По мне, так это логичное и лаконичное решение. Однако возникают сложности на адаптиве.
Представьте, что у вас сетка построена на flex/grid со своими дочерними свойствами (например, flex-direction и т.д.). Но на каком-то из разрешений вам понадобится использовать display: masonry. Тогда нужно будет снова писать «пачку» дочерних настраиваемых свойств для masonry-сетки. Это уже не так радужно и выглядит громоздко.
Добавить свойства в спецификацию grid. Команда WebKit предлагает добавить свойство
collapsedдля правилgrid-template-rowsиgrid-template-columns.
В этом случае вы получаете всегда grid-сетку с возможностью »свитчить» раскладку, не меняя представление.
Но это также добавляет новое значение, что только усложнит настройку сетки.
Как итог, пока не понятно, в каком виде это будет выглядеть на этапе релиза, но мы можем повлиять на решение и почувствовать силу демократии, приняв участие в открытом issue от W3C.
Больше о фронтенде, технологиях и новостях в мире JS в моем ТГК — aleksandr_frontend
