Мастер Класс По Flexbox Вёрстке

  • Автор темы I AM
  • 178
  • Обновлено
  • 24, Oct 2018
  • #1
Основные преимущества FlexBox:
  • полностью резиновая модель вёрстки
  • адаптивный сайт без media-запросов
  • удобные выравнивания элементов по горизонтали и вертикали
  • изменение порядка HTML-элементов прямо из CSS
  • с года поддержка всеми новыми браузерами
  • простой и лаконичный CSS-код на выходе


Программа мастер-класса Да, именно поэтому мастер-класс и разбит на две части.

За неделю, которая будет между уроками, вы сможете поупражняться в вёрстке с помощью FlexBox. 3. Будет ли домашнее задание? Эта вёрстка делалась ещё до того, как FlexBox стал адекватно поддерживаться всеми браузерами.

Переделывать исключительно ради принципа? — Оставлю это бредовое занятие перфекционистам.

В новых проектах FlexBox используется. 2. Если FlexBox — это круто, почему dmitrylavrik.ru свёрстан обычным образом? Лишь отчасти.

Новейшие версии всех браузеров поддерживают FlexBox.

Проблем быть не должно, потому что даже девятый "осёл" автоматически обновляется до одиннадцатого.

Но, разумеется, ни о какой поддержке <= IE8 речи быть не может. При этом я рекомендую не зацикливаться на старых браузерах, а изучать новые и удобные технологии. 1. Слышал, что у FlexBox есть проблемы с поддержкой различными браузерами, — это правда?
Часто задаваемые вопросы.Разбор дз с первого урокаЛегко прижимаем подвал к низуВертикальный поток обёртокПривычная wrap-техникаАнализ макета: margin vs display: flexflex: 1 1 auto; — чудеса адаптивной вёрсткиАнализ динамического изменения количества элементовrem - телефоны скажут спасибоflex + media-запросыПримеры, когда не стоит использовать flex

Урок 2 — вёрстка макета

11.08.Причины появления FlexBoxПримеры неудобств в привычной вёрсткеПоддержка браузерамиПонимание flex-осейРезервирование местаУправление сжатиемУправление выравниваниемИзменение направления контентаИзменение порядка элементовФеерическая адаптивность

Урок 1 — теория FlexBox

04.08.

Скрытая информация :: Авторизуйтесь для просмотра »


Скачать:

Скрытая информация :: Авторизуйтесь для просмотра »

I AM


Рег
23 Jul, 2011

Тем
49554

Постов
57426

Баллов
552966
  • 01, Apr 2023
  • #2
Мастер класс по FlexBox вёрстке Дмитрия Лаврика

Основные преимущества FlexBox:

полностью резиновая модель вёрсткиадаптивный сайт без media-запросовудобные выравнивания элементов по горизонтали и вертикалиизменение порядка HTML-элементов прямо из CSSс 2014 года поддержка всеми новыми браузерамипростой и лаконичный CSS-код на выходе

Продажник

Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »
Скачать
Скрытая информация :: Авторизуйтесь для просмотра »
пас: slivup.biz_gyd100
 

loga


Рег
21 Mar, 2012

Тем
0

Постов
1

Баллов
1
  • 10, Apr 2023
  • #3
Мастер класс по FlexBox вёрстке Дмитрия Лаврика Основные преимущества FlexBox:
  • полностью резиновая модель вёрстки
  • адаптивный сайт без media-запросов
  • удобные выравнивания элементов по горизонтали и вертикали
  • изменение порядка HTML-элементов прямо из CSS
  • с 2014 года поддержка всеми новыми браузерами
  • простой и лаконичный CSS-код на выходе



Продажник
Скрытая информация :: Авторизуйтесь для просмотра »

Скрытая информация :: Авторизуйтесь для просмотра »



Скачать

Скрытая информация :: Авторизуйтесь для просмотра »

пас: slivup.biz_gyd100
 

kotak


Рег
08 Jul, 2007

Тем
0

Постов
1

Баллов
1
  • 12, Apr 2023
  • #4
Основные преимущества FlexBox:
  • полностью резиновая модель вёрстки
  • адаптивный сайт без media-запросов
  • удобные выравнивания элементов по горизонтали и вертикали
  • изменение порядка HTML-элементов прямо из CSS
  • с 2014 года поддержка всеми новыми браузерами
  • простой и лаконичный CSS-код на выходе


Программа мастер-класса
Да, именно поэтому мастер-класс и разбит на две части. За неделю, которая будет между уроками, вы сможете поупражняться в вёрстке с помощью FlexBox.
3. Будет ли домашнее задание?

Эта вёрстка делалась ещё до того, как FlexBox стал адекватно поддерживаться всеми браузерами. Переделывать исключительно ради принципа? — Оставлю это бредовое занятие перфекционистам. В новых проектах FlexBox используется.
2. Если FlexBox — это круто, почему dmitrylavrik.ru свёрстан обычным образом?

Лишь отчасти.

Новейшие версии всех браузеров поддерживают FlexBox.

Проблем быть не должно, потому что даже девятый "осёл" автоматически обновляется до одиннадцатого.

Но, разумеется, ни о какой поддержке <= IE8 речи быть не может.

При этом я рекомендую не зацикливаться на старых браузерах, а изучать новые и удобные технологии.
1. Слышал, что у FlexBox есть проблемы с поддержкой различными браузерами, — это правда?
Часто задаваемые вопросы.
Разбор дз с первого урокаЛегко прижимаем подвал к низуВертикальный поток обёртокПривычная wrap-техникаАнализ макета: margin vs display: flexflex: 1 1 auto; — чудеса адаптивной вёрсткиАнализ динамического изменения количества элементовrem - телефоны скажут спасибоflex + media-запросыПримеры, когда не стоит использовать flex

Урок 2 — вёрстка макета

11.08.2015Причины появления FlexBoxПримеры неудобств в привычной вёрсткеПоддержка браузерамиПонимание flex-осейРезервирование местаУправление сжатиемУправление выравниваниемИзменение направления контентаИзменение порядка элементовФеерическая адаптивность

Урок 1 — теория FlexBox

04.08.2015

нет
Скачать:
Скрытая информация :: Авторизуйтесь для просмотра »

pass gfGFpLuBmBpblRQ
 

gnev_rat


Рег
11 Apr, 2005

Тем
0

Постов
1

Баллов
1
Тем
49554
Комментарии
57426
Опыт
552966

Интересно