От автора: CSS Grid – отличный инструмент разметки для сайтов, заточенных под контент с длинными фрагментами текста. CSS Grid имеет огромную ценность для множества стандартных макетов UI. В этой статье я расскажу, как с помощью CSS Grid улучшить макеты приложения, которые должны подстраиваться и адаптироваться под взаимодействия пользователя и изменение условий, чтобы ваши панели всегда правильно скролились. Макеты сайтов CSS ...

От автора: думая о CSS Grid, люди обычно представляют сетчатые макеты изображений и полные веб-страницы. CSS Grid – превосходная технология для раскладки статей, так как позволяет делать то, чего раньше было сложно достичь. В этом уроке я объясню, как воссоздать знаменитые макеты статей с Medium с помощью CSS Grid. В одном из видео курсов мой коллега, Magnus Holm объясняет, как ...

От автора: недавно я столкнулся с адаптивным дизайном, который выглядел сложным в плане измененного порядка элементов и макетов для разных областей просмотра. Этот новый дизайн выглядел сложным, пока мы не рассмотрели его в контексте CSS Grid и FlexBox. Демо: https://codepen.io/collection/XQdebB/ Проблемой здесь может стать поддержка Internet Explorer 11 и Safari 9+. После того, как мы рассмотрим сложности дизайна, мы покажем, ...