Уроки на диване


    Мастер-класс по FlexBox вёрстке (2015)

    Раздел: Создание сайта  Дата: 6 сентября 2015
    Мастер-класс по FlexBox вёрстке (2015)

    Мастер-класс по вёрстке с помощью FlexBox! FlexBox - новый способ разбивки контента на блоки, пришедший на смену и/или в помощь стандартным методам вёрстки.

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

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

    Для более полного понимания технологии рекомендую посмотреть видео:



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

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

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

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

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

    На выходе вы получите полностью готовый макет, свёрстанный с помощью FlexBox!

    Название: Мастер класс по FlexBox вёрстке
    Автор: Дмитрий Лаврик
    Сайт: Перейти
    Формат: mp4 + доп.материалы
    Видео: MPEG4 Video (H264), avc1, 1280x1024, 30.000 fps, 298 Kbps
    Аудио: AAC, 44.1 KHz, stereo, 158 Kbps
    Размер: 1.1 GB

    Для ознакомления с материалом пройдите процедуру регистрации или войдите на сайт под своим логином.
    Внимание!!! Скаченный Вами материал предназначен только для ознакомления! После просмотра материал должен быть удалён с компьютера! Помните, что у любого материала имеется законный правообладатель. Поэтому после ознакомления Вы обязаны приобрести лицензию у законного правообладателя.
    На момент публикации новости все ссылки были рабочими. Если Вы заметили не рабочую ссылку, напишите об этом в комментариях к новости. Ссылки будут обновлены в ближайшее время!
    Мастер-класс по пошиву куклы Mеry (2015) Мастер-класс по пошиву куклы Mеry (2015)
    Видео мастер-класс Екатерины Онешко по пошиву авторской куклы Mеry!
     
    Запоминание книг и статей с первого раза (2015) Мастер-класс Запоминание книг и статей с первого раза (2015) Мастер-класс
    Данный мастер-класс благодаря простой и чёткой пошаговой методики научит вас запоминать тексты любой сложности, увеличить качество понимания и…
     
    Антикризис - 2015 (2014) Мастер-Класс Антикризис - 2015 (2014) Мастер-Класс
    Кризис еще не начался. То, что уже случилось - лишь "подводное землетрясение", а вот "цунами", которое будет после него - вам еще предстоит пережить.…
     
    Все о шоколаде. Секреты домашнего шоколада (2014) Мастер-класс Все о шоколаде. Секреты домашнего шоколада (2014) Мастер-класс
    Мастер-класс по приготовлению домашнего шоколада. Как сделать шоколад быстро и вкусно дома, как удивить друзей и близких...
     
    Запоминание от 20 до 100 слов в час (2015) Мастер-класс Запоминание от 20 до 100 слов в час (2015) Мастер-класс
    Инновационная методика изучения английского языка. Запоминание без зубрения, Никакой нудной грамматики, Игровая веселая методика, Доказанная…
     
    ×

    Информация

    Посетители, находящиеся в группе Guest, не могут оставлять комментарии к данной публикации.
ВОЙТИ НА САЙТ ЧЕРЕЗ:
Фреймворк Laravel с Нуля до Профи (2016) Видеокурс Фреймворк Laravel с Нуля до Профи (2016) Видеокурс
Актуальный и систематичный, пошаговый видеокурс по освоению фреймворка Laravel в Рунете с полного нуля. Быстрая разработка сайтов с фреймворком №1
 
Джумла на максимальной скорости (2016) Видеокурс Джумла на максимальной скорости (2016) Видеокурс
Как быстро и безопасно увеличить скорость сайта на Joomla в 2-5 раз всего за несколько часов занятий? И начать получать в разы больше посетителей и…
 
Java. Библиотека профессионала. Том 1. Основы (2016) 10-е издание Java. Библиотека профессионала. Том 1. Основы (2016)…
Эта книга давно уже признана авторитетным, исчерпывающим руководством и практическим справочным пособием для опытных программистов, стремящихся…
 
Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0 Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0
Всего за 60 дней воркшоп-обучения запустите ваш бизнес в интернете с нуля или удвойте прибыль в существующем. 2-месячный коучинг GM.
 
Защита компьютера от А до Я (2014) Видеокурс Защита компьютера от А до Я (2014) Видеокурс
Далеко не все начинающие пользователи знают о том, что антивирусная программа это только одна из сторон защиты и эта защита абсолютно не обеспечивает…
 
Froder - Реальный авито (2016) Практический видеокурс Froder - Реальный авито (2016) Практический видеокурс
Практический онлайн-курс по массовому автопостингу объявлений на авито с неприличными возможностями.
 
Твой разум без границ (2016) Тренинг Твой разум без границ (2016) Тренинг
«Твой разум без границ» - самая популярная программа личной трансформации в Академии Mindvalley. Хотите подняться на новый уровень эволюции сознания?
 
Chip №11 (ноябрь 2016) Россия Chip №11 (ноябрь 2016) Россия
Chip — первый компьютерный журнал в Европе, сейчас издается в 16 странах тиражом более 1 миллиона экземпляров. Журнал Chip — это высочайшее качество…
 
Бизнес-модели. 55 лучших шаблонов (2016) Бизнес-модели. 55 лучших шаблонов (2016)
Успех компании зависит от выбора наиболее подходящей бизнес-модели. Предложенная в этой книге методология - отличное подспорье как для начинающих…
 
План работы над продающим текстом 2.0 (2016) Тренинг План работы над продающим текстом 2.0 (2016) Тренинг
Самый простой способ научиться писать эффективные продающие тексты: быстро, системно, пошагово, с хорошей маркетинговой подготовкой.
 
Фреймворк Laravel с Нуля до Профи (2016) Видеокурс Фреймворк Laravel с Нуля до Профи (2016) Видеокурс
Актуальный и систематичный, пошаговый видеокурс по освоению фреймворка Laravel в Рунете с полного нуля. Быстрая разработка сайтов с фреймворком №1
 
Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0 Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0
Всего за 60 дней воркшоп-обучения запустите ваш бизнес в интернете с нуля или удвойте прибыль в существующем. 2-месячный коучинг GM.
 
Твой разум без границ (2016) Тренинг Твой разум без границ (2016) Тренинг
«Твой разум без границ» - самая популярная программа личной трансформации в Академии Mindvalley. Хотите подняться на новый уровень эволюции сознания?
 
Бизнес-модели. 55 лучших шаблонов (2016) Бизнес-модели. 55 лучших шаблонов (2016)
Успех компании зависит от выбора наиболее подходящей бизнес-модели. Предложенная в этой книге методология - отличное подспорье как для начинающих…
 
План работы над продающим текстом 2.0 (2016) Тренинг План работы над продающим текстом 2.0 (2016) Тренинг
Самый простой способ научиться писать эффективные продающие тексты: быстро, системно, пошагово, с хорошей маркетинговой подготовкой.
 
Наконец-то знаменит! Как стать известным в своем деле (2016) 3-е издание Наконец-то знаменит! Как стать известным в своем деле…
Если в двух словах: нереально крутая книга. Если же развернуто, то лучшей книги по личному пиару я еще не встречал. Чеклисты, советы, примеры и фишки…
 
Научись зарабатывать деньги на авито, и получи билеты на Бали в подарок! (2016) Научись зарабатывать деньги на авито, и получи билеты на…
Давно мечтал о своем бизнесе? Самое время начать! Научись зарабатывать деньги на авито, и получи билеты на Бали в подарок! К черту кризиc!…
 
БМ - Реальный инстаграм + Вскрытие Instagram (kote) (2016) БМ - Реальный инстаграм + Вскрытие Instagram (kote) (2016)
Массовый онлайн-курс по созданию постоянного потока клиентов из Инстаграм. 8 практических занятий с пошаговыми заданиями в онлайн-платформе.
 
Joomla! Реактивное продвижение сайта (2016) Видеокурс Joomla! Реактивное продвижение сайта (2016) Видеокурс
Как сделать так, чтобы поисковые системы ежедневно приводили к вам тысячи посетителей? Вы гарантированно продвинете свой сайт в поисковых системах и…
 
Как зарабатывать от 50000 рублей в месяц на Фотошопе (2016) Тренинг Как зарабатывать от 50000 рублей в месяц на Фотошопе (2016)…
Уникальный практический тренинг: «Как зарабатывать на Фотошопе от 50 000 рублей в месяц». Без вложений! Идеально подходит для новичков!
 
Дизайн поздравительных открыток (2015) Видеокурс Дизайн поздравительных открыток (2015) Видеокурс
Обучающий курс по дизайну поздравительных открыток, пройдя который каждый желающий научится профессионально создавать такие открытки, которые будут…
 
Мобильная фотография (2015) Видеокурс Мобильная фотография (2015) Видеокурс
Благодаря курсу «Мобильная фотография» вы научитесь создавать потрясающие снимки, сможете легко выстраивать геометрию в кадре, подстраиваться под…
 
Твой разум без границ (2016) Тренинг Твой разум без границ (2016) Тренинг
«Твой разум без границ» - самая популярная программа личной трансформации в Академии Mindvalley. Хотите подняться на новый уровень эволюции сознания?
 
Видеозаписи конференции «Найди свой трафик» (2016) Видеозаписи конференции «Найди свой трафик» (2016)
В начале апреля в Санкт-Петербурге прошла первая конференция о самых разных каналах целевого трафика для продвижения бизнеса. Но самое главное не…
 
Трафик и конверсия 2016.  Онлайн-конференция Трафик и конверсия 2016. Онлайн-конференция
Трафик и конверсия 2016 - Серия (бесплатных) онлайн-встреч с лучшими специалистами в сфере привлечения трафика...
 
SEO-Конференция SEMPRO - 2016 SEO-Конференция SEMPRO - 2016
SEMPRO 2016 – точка сбора SEO-специалистов Украины и СНГ. Будут доклады от лучших SEO-экспертов Европы, России и Украины. Организаторы не ставили…
 
Всего на сайте: 15
Пользователи (1):
Moderator
Гости (12)
Роботы (2):
,
Сайт: Уроки на диване. Учимся дома - Самостоятельно! Не бойся, что не знаешь - бойся, что не учишься!