1. Новые складчины

    26.05.2017: Мама-ребенок-ответственность

    25.05.2017: Как и куда инвестировать, если у вас всего 500 рублей

    24.05.2017: Раскрытие твоей ценности - 1

    22.05.2017: Шьем купальники для гимнастики

    21.05.2017: swSpyBrowser - интернет мультибраузер в каждой вкладке свои cookies, useragent и IP-адрес

    20.05.2017: Зеленые смузи. 10-дневная детокс-программа

    19.05.2017: SMM: Индустрия моды (SFBA)

    16.05.2017: СИСТЕМА ЭФФЕКТИВНОГО ПЕРЕХОДА НА СЫРОЕДЕНИЕ-3 + Рацион эффективного сыроеда

    16.05.2017: Бинарные опционы.Торговая система QUANT CONTROL + супер бонус

    14.05.2017: Управлять отношениями с людьми

    14.05.2017: Стройность на автопилоте

    14.05.2017: Замуж за успешного мужчину (100%)!

    14.05.2017: Путешествие по мужскому мозгу

    14.05.2017: Мужчины. Руководство.

    14.05.2017: Кукла от известного автора

    14.05.2017: Л. Родник. Как обольстить мужчину без слов

    13.05.2017: Как создать своего мужчину

    13.05.2017: К. Бордунос. Как понимать свои сны? 2017

    13.05.2017: Нам нужно новое Пальто

    13.05.2017: Закрытая. Эклеры без секретов и не только. Тема 2

    13.05.2017: Даосские секреты женской сексуальности

    12.05.2017: Грядки на асфальте

    04.05.2017: Устройство для извлечения золота, с дна реки

    04.05.2017: Имбилдинг - Кaк cделaть ночи незaбывaемыми

    27.04.2017: [Закрытая] Альфа

    27.04.2017: [Десерты] Низкокалорийные десерты

    27.04.2017: Вебинары К. Довлатова по "сказкам" с реинтеграциями

    25.04.2017: Преодоление эмоциональных расстройств и созависимости

    25.04.2017: Женщина и Мужчина

    25.04.2017: Маленькие цветники

    25.04.2017: Бордунос. Мужчина и Женщина. Любовь, Лидерство, Сотворчество

    25.04.2017: Сенсорные игры

    25.04.2017: Нейробиология для родителей: как вырастить невероятных детей

    23.04.2017: Электричество без розетки, 4,8 кВт

    21.04.2017: Получение воды из воздуха + кондиционер ( два в одном)

    21.04.2017: Генератор вихревого магнитного поля

    21.04.2017: Эликсир бессмертия. Рецепт.

    21.04.2017: Анобиозный холодильник

    21.04.2017: Рецепт настоящего коньяка ускоренного приготовления без потери качества ( п'ять лет выдержки за 6

    21.04.2017: Технология получения ответов на все свои вопросы

    21.04.2017: Управление временем и путь в безсмертие.

    19.04.2017: Курс по выпечке хлеба

    13.04.2017: Сергей Домогацкий - Путь

    08.04.2017: [Кoндитерка] Торты. Кoндитерка

    08.04.2017: Научись готовить настоящую итальянскую пасту

    08.04.2017: Я-живая,возвращение утраченной женской силы

    02.04.2017: Алена Ефимова. Я - Есть! Как найти себя?

    01.04.2017: Книга - А. Погорелый. 23 способа как заработать в интернете. 2016

    30.03.2017: [Проект дома] Норвежский дом 2.0

    28.03.2017: Рецепты для диеты - книга

    27.03.2017: Эзотерический марафон "Новая Я"

    23.03.2017: Теоретический видео курс гадания на картах Таро

    19.03.2017: INSTASOFT 3.4.3.5

    15.03.2017: Генеративный коучинг от основателей

    05.03.2017: К. Бордунос. Кризис - лучшее время для Лидера

    03.03.2017: Торт-раскраска

    02.03.2017: К.Бордунос. Альфа-контроль в бизнесе

    02.03.2017: Кен Уилбер. Интегральная духовность

    22.02.2017: Любовь. Секреты разморозки

    21.02.2017: Элитный курс «Психология и психофизиология питания»

  2. Нужен организатор

    16.05.2017: СИСТЕМА ЭФФЕКТИВНОГО ПЕРЕХОДА НА СЫРОЕДЕНИЕ-3 + Рацион эффективного сыроеда

    16.05.2017: Бинарные опционы.Торговая система QUANT CONTROL + супер бонус

    14.05.2017: Кукла от известного автора

    12.05.2017: Грядки на асфальте

    04.05.2017: Устройство для извлечения золота, с дна реки

    27.04.2017: Вебинары К. Довлатова по "сказкам" с реинтеграциями

    21.04.2017: Получение воды из воздуха + кондиционер ( два в одном)

    21.04.2017: Рецепт настоящего коньяка ускоренного приготовления без потери качества ( п'ять лет выдержки за 6

    21.04.2017: Технология получения ответов на все свои вопросы

    21.04.2017: Управление временем и путь в безсмертие.

    19.04.2017: Курс по выпечке хлеба

    13.04.2017: Сергей Домогацкий - Путь

    28.03.2017: Рецепты для диеты - книга

    27.03.2017: Эзотерический марафон "Новая Я"

    03.03.2017: Торт-раскраска

    15.08.2016: В каждом ребенке солнце

    15.08.2016: Испания. Гастрономия

    15.08.2016: Книги по китайской медицине. Часть 2.

    15.08.2016: Логотип и фирменный стиль. Руководство дизайнера

    15.08.2016: Налоги за 14 дней. Экспресс-курс. Новое, 14-е изд.

    15.08.2016: Голубая точка. Космическое будущее человечества

    15.08.2016: Бесплодие — диагноз или приговор

    15.08.2016: Руководство по самоисцелению

    15.08.2016: Хорошие девочки отправляются на небеса, а плохие – куда захотят

    15.08.2016: Гипноз и другие фишки на сайте или секреты продающих сайтов

    03.08.2016: Любовная Совместимость. Методика Разведчиков

    19.01.2016: Ментальный курс от Александра Росса

    25.08.2014: IonCube v8.3 Decoder + PHP Script Auto-Fixer

Раздача Мастер класс по FlexBox вёрстке

Тема в разделе "[WEB] Программирование, администрирование", создана пользователем Lucca, 30 авг 2015.

  1. TopicStarter Overlay
     
    Lucca
    offline

    Lucca Платинум Премиум Helper VIP

    Сообщения:
    1.622
    Симпатии:
    6.011
    Монеты:
    Репутация:
    872
    Мастер класс по FlexBox вёрстке Дмитрия Лаврика

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

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


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

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


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


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

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

    Часто задаваемые вопросы.

    1. Слышал, что у FlexBox есть проблемы с поддержкой различными браузерами, — это правда?
    Лишь отчасти. Новейшие версии всех браузеров поддерживают FlexBox. Проблем быть не должно, потому что даже девятый "осёл" автоматически обновляется до одиннадцатого. Но, разумеется, ни о какой поддержке <= IE8 речи быть не может. При этом я рекомендую не зацикливаться на старых браузерах, а изучать новые и удобные технологии.
    2. Если FlexBox — это круто, почему dmitrylavrik.ru свёрстан обычным образом?
    Эта вёрстка делалась ещё до того, как FlexBox стал адекватно поддерживаться всеми браузерами. Переделывать исключительно ради принципа? — Оставлю это бредовое занятие перфекционистам. В новых проектах FlexBox используется.
    3. Будет ли домашнее задание?
    Да, именно поэтому мастер-класс и разбит на две части. За неделю, которая будет между уроками, вы сможете поупражняться в вёрстке с помощью FlexBox.


    Продажник
    Скрытое содержимое:
    **Для просмотра скрытого текста/ссылки у вас должно быть не менее 5 сообщений.**
    Или
    Приобрести премиум-доступ ко всем ссылкам
    Скачать
    Скрытое содержимое:
    **Для просмотра скрытого текста/ссылки у вас должно быть не менее 5 сообщений.**
    Или
    Приобрести премиум-доступ ко всем ссылкам



    Angello, Extremum и Osvax нравится это.
  2.  
    Ochkarik
    offline

    Ochkarik Хамстер

    Сообщения:
    28
    Симпатии:
    22
    Монеты:
    Репутация:
    0
    Мне понравился курс, так как помимо теории, там была и практика - разработка готового проекта, в свое время (полгода назад ) смотрел про FlexBox у teamtreehouse, при этом после просмотра остались вопросы, так же как понял там нужны были инструменты специальные (не без них), чтобы все работало корректно, и я решил пока повременить с этим, и вот благодаря этому вебу посмотрел на FlexBox более пристально



Похожие темы
  1. unix
    Ответов:
    3
    Просмотров:
    383
  2. Лис
    Ответов:
    1
    Просмотров:
    593
  3. Лис
    Ответов:
    0
    Просмотров:
    605
  4. Лис
    Ответов:
    0
    Просмотров:
    520
  5. Nade4ka
    Ответов:
    2
    Просмотров:
    562
Загрузка...

Поделиться этой страницей

DDoS Protection Powered by  DDos-GuarD