За последнюю неделю опубликовано 167 новых материалов.
Инструкция новичку Путеводитель по форуму Прокси для Telegram Показать подсказки , это бомба!

Скачать курс [Дмитрий Лаврик] Мастер класс по FlexBox вёрстке бесплатно

  • Поучаствуй (в качестве покупателя) в любых пяти совместных покупках (кроме завершённых и "Моментальных") и получи группу "Новичок" навсегда -> ссылка на раздел
  • Получай до 480 рублей за каждого приглашенного пользователя!
    представляем Вам очередное расширение партнерской программы, подробности описаны тут -> ссылка
  • 90% материалов доступно к скачиванию после простой регистрации!
    Если же ты хочешь скачивать материалы без требования оставлять отзывы то получи группу "Новичок", 10 способов повышения описаны тут -> ссылка
  • К сожалению количество битых ссылок растет и мы уже не можем их оперативно восстанавливать поэтому просим помощи у каждого нашего пользователя.
    С сегодняшнего дня, за каждую восстановленную ссылку мы заплатим Вам.
    Подробнее тут -> ссылка
  • Перенесем твои заслуги с другого ресурса!
    Мы понимаем как сложно прокачивать аккаунты на форумах, вроде раскачал аккаунт, а тут появляется ресурс в 100 раз круче но тоже с системой прокачки и снова качать аккаунт...
    Предлагаем вам перенести Ваши заслуги на другом подобном ресурсе к нам.
    Подробности описаны тут -> ссылка
  • Вы можете получать по 2.5% с каждой покупки и продажи на маркете! Подробности в теме Партнёрская программа

Dump_Bot

Бот дампов
Бот форума
30 Июл 2016
1
1.241
20
Название:Мастер класс по FlexBox вёрстке
Автор:Дмитрий Лаврик

Основные преимущества FlexBox:
  • полностью резиновая модель вёрстки
  • адаптивный сайт без media-запросов
  • удобные выравнивания элементов по горизонтали и вертикали
  • изменение порядка HTML-элементов прямо из CSS
  • с 2014 года поддержка всеми новыми браузерами
  • простой и лаконичный CSS-код на выходе
Программа мастер-класса
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.
Продажник:
Для просмотра содержимого вам необходимо авторизоваться.
Скачать:
Для просмотра содержимого вам необходимо авторизоваться.
 
Ваш e-mail не будет опубликован. Он потребуется для подтверждения Вашего поста.
Оформление текста Нажмите «Ввод», чтобы отправить ответ.

Привет!

Мы группа людей которые решили помочь другим в решении их проблем, а так же пользователям с поиском самых свежих и качественных инфопродуктов. За 4 с небольшим месяца мы создали этот форум на который заходят ежедневно тысячи человек и посещаемость постоянно растёт. Мы создали панель лицензирования для защиты PHP скриптов от воровства и SEO панель для мониторинга наших сайтов и выбора верной стратегии их развития. Мы надеемся что то что мы создали пригодится Вам и возможно Вы поможете нам развиваться и совершенствоваться вместе с Вами.

Статистика форума

Темы
356.950
Сообщения
389.025
Пользователи
37.140
Новый пользователь
MishaS

Приложения форума для iOS и Android


У ркн там нет власти ;)