# Доклад по flexbox

Доклад по flexbox

14 июня 2019 года я провел доклад по Flexbox на TechTalk компании B2B-center. Я рассказал почему при верстке, выбирая между инструментами, стоит остановиться на Flexbox. На примере священного грааля HTML-верстки я рассказал о преимуществах этой технологии над предыдущими подходами.

# Краткое содержание доклада

Flexbox - система адаптируемых блоков для создания веб-макетов. Flexbox предоставляет инструменты для быстрого создания сложных, гибких макетов, и функции, которые были сложны в традиционных методах CSS.

# Основные фичи Flexbox

Позволяет с легкостью:

  1. Позиционировать элементы (выравнивать элементы горизонтально и вертикально)
  2. Изменять порядок отображения без внесения правок в разметку
  3. Задавать равные размеры элементам вне зависимости от их контента
  4. Задавать адаптивное поведение без медиазапросов

Преимущества Flexbox

  1. Гибкость – если нужно быстро внести изменения
  2. Свойства задаются только для родительского элемента .header
  3. Не нужно использовать дополнительных хаков вроде создания класса .clearfix
  4. Не нужно править HTML HTML и добавлять тегу <header> дополнительный класс .clearfix
  5. Адаптивность легко

# Слайды

Flexbox talk slides (opens new window)