1. Новые складчины: Показать еще

    22.02.2017: [Повтор] 10 типов Господина дня - Бацзы

    22.02.2017: Секс-каталог «Забавы в гостиной» (Андрей Райдер)

    22.02.2017: Домашние секреты. 40 вариантов любви на кухне, в ванной или прихожей. (Андрей Райдер)

    22.02.2017: Медовый месяц. 30 секс-комбинаций на каждый день (Андрей Райдер)

    22.02.2017: Как сохранить зрение при работе с компьютером, выполняя простые упражнения (Сергей Мищук)

  2. Нужен организатор: Показать еще

    22.02.2017: [Повтор] 10 типов Господина дня - Бацзы

    21.02.2017: «Hi-Lo EXTREME» по ставкам на игре Hi-Lo !

    21.02.2017: Подписка на Sharkscope (3 мес.)

    21.02.2017: Курс "Базовый 2.0" (Александр Пурнов)

    21.02.2017: Quick Sender - Комбайн для продвижения в ВКонтакте

  3. Сбор взносов Показать еще

    21.02.2017: Как я зарабатываю на YouTube 1318$ в месяц? (Александр Беляшов)

    21.02.2017: Вебинар "Психология общения с клиентом на съемке" (Лена Смирнова)

    21.02.2017: Семантическое проектирование сайта (Игорь Рудник, Сергей Кокшаров)

    21.02.2017: Изобильная Я (Катрин Форс)

    21.02.2017: [Академия Лидогенерации] ТурбоТрафик 2017

Куплено

Мастер класс по FlexBox вёрстке

Тема в разделе "Курсы по программированию", создана пользователем x0ttab, 21 авг 2015.

Цена:
2000 руб
Взнос:
145 руб
Организатор:
x0ttab
Участников:
1/15

Основной список:

1. x0ttab
    Тип: Стандартная складчина
    1. x0ttab

      x0ttab Организатор складчин

      Мастер класс по FlexBox вёрстке

      Мастер класс по FlexBox вёрстке Дмитрия Лаврика


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

      В данном видео мы разберём три примера с проблемами классической вёрстки и лёгким решением этих проблем с помощью flexbox:
      • вертикальные выравнивания,
      • динамическое изменение количества элементов,
      • адаптивная вёрстка для обтекаемых элементов
      Урок 1 — теория FlexBox
      1. Причины появления FlexBox
      2. Примеры неудобств в привычной вёрстке
      3. Поддержка браузерами
      4. Понимание flex-осей
      5. Резервирование места
      6. Управление сжатием
      7. Управление выравниванием
      8. Изменение направления контента
      9. Изменение порядка элементов
      10. Феерическая адаптивность
      Урок 2 — вёрстка макета
      1. Разбор дз с первого урока
      2. Легко прижимаем подвал к низу
      3. Вертикальный поток обёрток
      4. Привычная wrap-техника
      5. Анализ макета: margin vs display: flex
      6. flex: 1 1 auto; — чудеса адаптивной вёрстки
      7. Анализ динамического изменения количества элементов
      8. rem - телефоны скажут спасибо
      9. flex + media-запросы
      10. Примеры, когда не стоит использовать flex
      1. Слышал, что у FlexBox есть проблемы с поддержкой различными браузерами, — это правда?
      Лишь отчасти. Новейшие версии всех браузеров поддерживают FlexBox. Проблем быть не должно, потому что даже девятый "осёл" автоматически обновляется до одиннадцатого. Но, разумеется, ни о какой поддержке <= IE8 речи быть не может. При этом я рекомендую не зацикливаться на старых браузерах, а изучать новые и удобные технологии.
      2. Если FlexBox — это круто, почему dmitrylavrik.ru свёрстан обычным образом?
      Эта вёрстка делалась ещё до того, как FlexBox стал адекватно поддерживаться всеми браузерами. Переделывать исключительно ради принципа? — Оставлю это бредовое занятие перфекционистам. В новых проектах FlexBox используется.
      3. Будет ли домашнее задание?
      Да, именно поэтому мастер-класс и разбит на две части. За неделю, которая будет между уроками, вы сможете поупражняться в вёрстке с помощью FlexBox.

       
      Последнее редактирование: 23 авг 2015
      x0ttab, 21 авг 2015
    2. Загрузка...

      Похожие складчины
      1. Bulion
        Запись

        Мастер - класс «Лёгкие руки» (Алёна Мазур)

        Bulion, 21 фев 2017 в 15:06, в разделе: Здоровье
      2. Bulion
        Запись

        Мастер - класс «Дыхание» (Алёна Мазур)

        Bulion, 21 фев 2017 в 15:02, в разделе: Здоровье
      3. Bulion
        Запись

        Мастер-класс" Куколки и Ангелы" (Людмила Набиуллина)

        Bulion, 20 фев 2017 в 21:50, в разделе: Хобби и рукоделие
      4. Bulion
        Запись

        Мастер - класс №9. пошив трикотажного платья по выкройке №396

        Bulion, 18 фев 2017 в 23:42, в разделе: Хобби и рукоделие
      5. Bulion
        Запись

        Запись мастер класса "Блог за один час" (Александр Кужнуров)

        Bulion, 17 фев 2017 в 01:12, в разделе: Создание сайтов и Инфопродуктов, заработок на них
      6. Bulion
        Запись

        Мастер-класс "Облигации с фиксированным купоном vs облигации с плавающим купоном. (Игорь Лаухин)

        Bulion, 15 фев 2017, в разделе: Форекс, инвестиции, биржевая торговля
      7. Bulion
        Запись

        Комплекс цигун «И Цзинь Цзин» | Мастер-класс (Эдуард Малахов)

        Bulion, 8 фев 2017, в разделе: Здоровье

Наверх