1. Новые покупки Показать еще

    27.02.2017: Мелкое производство на примере лазерного станка

    27.02.2017: Английский со Звездой: Видеоуроки Английского с Леонардо ДиКаприо (Марат Сафин)

    27.02.2017: Как создать цветной гардероб (Стелла Клар)

    27.02.2017: Время готовить быстро! Для тех, кому некогда (Анна Гидаспова)

    27.02.2017: Быстрое консервирование. Холодное и горячее. Овощи, грибы, зелень, фрукты, ягоды (Ольга Кузьмина)

  2. Гость, если у Вас на каком либо сайте есть аккаунт с повышенным статусом, то и у нас вы можете получить соответствующий статус. Подробнее читайте здесь https://www.skladchik.biz/threads/83942/
    Скрыть объявление
  3. Нужен организатор Показать еще

    27.02.2017: Скрипт агрегатора платёжных систем.

    27.02.2017: Эффективное соблазнение на сайтах.

    24.02.2017: Мастер-класс: Скажи возражениям - Да!

    24.02.2017: форекс индикатор Volli 5.21

    23.02.2017: УВЕЛИЧЕНИЕ ДОХОДОВ и Долги

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

    21.02.2017: Google AdWords - генератор продаж (Алексей Ярошенко)

    21.02.2017: [profileschool] Интерьерная съемка (Алексей Довгуля)

    21.02.2017: Что должен делать руководитель отдела продаж (Екатерина Уколова)

    18.02.2017: Куда инвестировать в 2017 году (Владимир Савенок)

    18.02.2017: Жизнь. Бизнес. Успех (Галия Бердникова)

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

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

Цена:
2000р.
Взнос:
40р.

(Основной список пока пуст)

    Тип: Стандартная складчина
    Участников: 0/100
    1. 4 авг 2015
      #1
      Менеджер

      Менеджер Член клуба Член клуба

      Мастер класс по 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.
      продажник
       
    2. Загрузка...

      Похожие складчины
      1. Сталин
        Открыто

        Богатство. Мастер-класс Инны Волковой по Бацзы

        Сталин, 12 фев 2017, в разделе: Курсы по эзотерике
      2. AleksZand
        Открыто

        Мастер-класс по Email-маркетингу (Булат Максеев)

        AleksZand, 7 фев 2017, в разделе: Курсы по бизнесу
      3. Сталин
        Открыто

        Online Мастер-класс: YOUTUBE КАНАЛ. (Александра Капочкина)

        Сталин, 7 фев 2017, в разделе: Схемы заработка
      4. Сталин
        Открыто

        Мастер-класс "Желтая куртка"

        Сталин, 4 фев 2017, в разделе: Иностранные языки
      5. Сталин
      6. Сталин
        Открыто

        Мастер-класс № 8 Пошив эко-шубы по выкройке №391

        Сталин, 1 янв 2017, в разделе: Хобби и рукоделие
      7. hp4s