Тип Поста

Святой Грааль HTML-Верстки – Да здравствует FLexbox!

Шаблон HTML с несколькими колонками одинаковой высоты, реализованных на CSS называют Святым Граалем верстки веб-страниц. Боковые колонки и контент должны иметь одинаковую высоту, а также хедер и футер должны адекватно взаимодействовать с другими элементами – всё это имеет множество реализаций, со своими достоинствами и недостатками. Поэтому поиск оптимального решения среди огромного множества вариантов часто ассоциируют с поиском неуловимого Святого Грааля. Одним из оптимальных решений для верстки двух, трех и более колоночных шаблонов является использование Flexbox.

Данные шаблон реализует следующие возможности Flexbox:

  • Начальную адаптивность под разные разрешения экранов
  • Меню с оптимальным размещением элементов
  • Отзывчивый двух колоночный шаблон, который с минимальными дополнениями можно сделать трех колоночным
  • Наглядный выбор размещения бокового меню
  • Показ и скрытие боковой панели
  • Анимация контента
  • Автоматическая высота элементов и рядов их содержащих, в зависимости от контента
Исходные коды доступны в репозитории.
Поделиться

Оставить комментарий

Вы можете использовать следующие HTML-теги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Обязательно к заполнению