Каталог RSS-каналов
Статистика

RSS-каналов в каталоге: 3390

Добавлено сегодня: 0

Добавлено вчера: 0

Hi-Tech / Интернет

Стандарт CSS для Masonry-раскладки: от идеи — к первым конкретным наработкам

CSS-LIVE 09.01.2020 в 13:35

Жизнь во фронтенде

Одним из самых больших разочарований CSS-гридов с самого их появления была невозможность решить задачу плотной упаковки блоков, известную как «Masonry-раскладка» (в честь самой популярной JS-библиотеки для нее). Алгоритм авторазмещения с ключевым словом dense почти решает ее, но… лишь почти, к тому же упирается в досадное браузерное ограничение в 1000 грид-полос. Веб-разработчики давно просили добавить такую возможность в стандарт, но, как часто бывает в CSS, всё портила циклическая зависимость: размеры элементов зависят от размеров контейнера, которые, в свою очередь, зависят от размеров элементов. Поэтому дальше обсуждения на гитхабе дело не шло.

Но на этой неделе Мэтс Палмгрен из Mozilla внес новое, конкретное и подробное предложение, как относительно просто добавить в грид-раскладку возможности Masonry. Фактически это готовый черновик раздела спецификации, даже о тестах Мэтс не забыл. Табу Аткинсу, одному из главных редакторов спецификации, идея тоже нравится. При такой тщательности проработки есть все шансы, что новое предложение успеет войти уже в ближайший CSS Grid Level 2. Так что подключайтесь к обсуждению, чтобы не отставать от прогресса и помочь отладить новое предложение на самой ранней стадии!

Другие записи ленты

CSS-модуль режимов письма (Writing Modes) 3 уровня официально стал стандартом W3C 17.12.2019 в 21:13

CSS4 не будет… потому что он давно прошел. Встречайте CSS8! 15.11.2019 в 20:29

Маленькие хитрости кастомных свойств (CSS-переменных) 25.10.2019 в 02:49

Смогут ли React-хуки заменить компоненты высшего порядка (HOC)? 29.08.2019 в 12:25

Смогут ли React-хуки заменить Redux? 26.08.2019 в 13:47

Пользовательские CSS-атрибуты как механизм передачи данных из JavaScript в CSS 08.08.2019 в 11:22

Фантастические веб-спецификации и где они обитают 06.08.2019 в 14:30

W3C и WHATWG: неужели долгожданный мир? 28.05.2019 в 12:04

Селектор :has() станет доступен для оформления? 17.05.2019 в 08:58

Уроки CSSbattle 22.04.2019 в 23:29