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

    25.03.2017: Складчина на ставки баскетбол, окупаемость за 4 прохода!

    25.03.2017: INSTAMONEY | Заработок от 3 300р. в день на Инстаграм (Алексей Пухов)

    25.03.2017: Рабочая и абсолютно белая схема заработка от 1000р. в сутки на СРА

    25.03.2017: Прибыльный мотивированный трафик (Руслан Валиев)

    25.03.2017: Онлайн курс Семейное кино (Татьяна Галахова)

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

    25.03.2017: Складчина на ставки баскетбол, окупаемость за 4 прохода!

    24.03.2017: Советник для ручной торговли бинарными опционами.

    24.03.2017: Стратегия ставок на live вилках

    24.03.2017: Миофасциальный фитнес (повтор)

    24.03.2017: Таро Т 1 (Закрытая)

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

    24.03.2017: Исцеления Сигнатурной Клеткой

    24.03.2017: Проверенный и надежный метод заработка в Интернете 3000 - 5000 рублей в неделю. Стандартный пакет.

    23.03.2017: Интуитивная Активная Медитация

    22.03.2017: Шанти практика: 60 дней тренировок, которые изменят жизнь навсегда (Сергей Бадюк)

    21.03.2017: Павел Колесов - Практика СамоГипноза 3. Техники Исцеления и Работы с Болью

Запись

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

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

Цена:
2000 руб
Взнос:
40 руб
Организатор:
Требуется
Участников:
0/100

(Список пока что пуст. Запишитесь первым!)

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

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

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

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

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

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

      Более понятней для чего это нужно смотри видео

      В данном видео мы разберём три примера с проблемами классической вёрстки и лёгким решением этих проблем с помощью flexbox:
      • вертикальные выравнивания,
      • динамическое изменение количества элементов,
      • адаптивная вёрстка для обтекаемых элементов






      Программа мастер-класса

      04.08.2015
      Урок 1 — теория FlexBox
      1. Причины появления FlexBox
      2. Примеры неудобств в привычной вёрстке
      3. Поддержка браузерами
      4. Понимание flex-осей
      5. Резервирование места
      6. Управление сжатием
      7. Управление выравниванием
      8. Изменение направления контента
      9. Изменение порядка элементов
      10. Феерическая адаптивность
      11.08.2015
      Урок 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.
      продажник
       
      Telegram, 4 авг 2015
    2. Загрузка...

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

        Мастер-Класс «Кукла-шкатулка» (Елена Лаврентьева)

        Bulion, 24 мар 2017 в 09:38, в разделе: Хобби и рукоделие
      2. Bulion
        Запись

        Мастер-класс по созданию креативной елочке-светильник

        Bulion, 24 мар 2017 в 09:33, в разделе: Хобби и рукоделие
      3. Bulion
        Запись

        Мастер класс роза Джумалия+Заколка Нежная роза из фоамирана

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

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

        Bulion, 18 мар 2017, в разделе: Здоровье
      5. Zander
        Сбор взносов

        Мастер класс Деньги (Андрей Черных)

        Zander, 14 мар 2017, в разделе: Форекс, инвестиции, биржевая торговля
      6. Zander
        Запись

        Цвет в дизайне. Мастер-класс (Том Фрейзер, Адам Бэнкс)

        Zander, 10 мар 2017, в разделе: Электронные книги
      7. Bulion
        Запись

        Онлайн мастер-класс по рисованию акрилом "I love Beatles" (Наташа Йорк)

        Bulion, 7 мар 2017, в разделе: Хобби и рукоделие

Наверх