Разрушаем шесть мифов о веб-лейаутах

Новая эра

layout.land станет пристанью для дизайнеров, экспериментирующих с лейаутами

Миф первый: все элементы должны плавать, как мыло в воде

CSS Grid позволяет свободно размещать объекты по вертикали, не загромождая верхнюю часть страницы

Миф второй: прямоугольники, только прямоугольники

Фото выровнено по левому краю, а текст обтекает его по фигурному контуру

Миф третий: мы не можем контролировать границу первого экрана

Независимо от размера окна фото всегда будет занимать половину ширины и всю высоту экрана.

Миф четвёртый: 12 колонок — лучшее решение

Официальная хронология эволюции веб-лейаутов Полное отсутствие лейаута > Табличная разметка страниц > Ручная вёрстка с использованием флоатов > Вёрстка с использованием фреймворков > Прекрасное будущее!

Миф пятый: для вёрстки необходимо использовать фреймворк

Миф шестой: мы погрязли в рутине из-за адаптивного веб-дизайна

Используйте свойство grid-auto-flow: dense, и браузер перестроит порядок контента в соответствии с пространством

Прощаемся с заблуждениями

Об авторе

--

--

--

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
aic blog

aic blog

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/

More from Medium

8 actors who played two roles in one movie

Ex Vivo Expanded Circulating Tumor Cells for Clinical Anti-Cancer Drug Prediction in Patients with…

17 Romantic Poems for the Girl You Like-Capture Her Heart