Heydon Pickering, Andy Bell | Every Layout - Relearn CSS layout by example (2021) [PDF] [2nd Edition] [En]

Автор: Heydon Pickering, Andy Bell
Издательство: Independently published
Жанр: Вёрстка
Язык: Английский
Формат: PDF
Качество: Изначально электронное (ebook)
Иллюстрации: Черно-белые

Описание:
Если вы столкнулись с проблемой верстки CSS, скорее всего, вы принимаете решения за браузеры, которые должны принимать их сами. С помощью серии простых, композиционных макетов, Every Layout научит вас, как лучше использовать встроенные алгоритмы, которыми оснащены браузеры и CSS.
Использование алгоритмического дизайна макета означает отказ от @media breakpoints, "магических чисел" и других хаков для создания контекстно-независимых компонентов макета. Ваши будущие системы дизайна будут более последовательными, более компактными в коде и более гибкими в руках ваших пользователей и их устройств.

Что нового?
Это издание посвящено свойству gap, которое теперь поддерживается Flexbox во всех современных браузерах.
Почему свойство gap важно? Интеллектуальные примитивы верстки, такие как кластер, боковая панель и переключатель, разработаны для автоматического изменения конфигурации в соответствии с различными контекстами - без использования javascript или @media-запросов.
При этом желоба (поля) между элементами могут быть проблематичными, если с ними не обращаться аккуратно. Отступ, наложенный на один элемент для создания промежутка между ним и соседним элементом, становится неуместным отступом, когда элемент разворачивается.

Скриншоты:

Время раздачи: с 09:00 до 21.00 [GMT+2] (минимум до появления первых 3-5 скачавших)