Дмитрий Лаврик - Продвинутая вёрстка по сетке (2017)

[AurA]

Продвинутая вёрстка по сетке (2017)
Автор : Дмитрий Лаврик

Это мероприятие для тех, кто: Владеет основами вёрстки, в том числе, адаптивной. Периодически бесится при создании адаптивной вёрстки. Хочет освоить крутейший инструмент и стать мастером.

Спойлер: Программа

Основы Flexobox
Основная и вспомогательная оси
Лёгкие вертикальные выравнивания
Адаптивка без media-запросов
Определение размера элементов

Разбор домашних работ
Прокачивание мастерства Flexbox
Тонкости адаптивных реализаций
Всевозможные выравнивания
Слабости flexbox без media

Node.js и NPM — основы магии
Gulp — сборка проекта
LESS — генератор CSS
Group CSS Media Queries
Autoprefixer — кроссбраузерность

Основы CSS-препроцессоров
Иерархическое написание
Переменные и примеси
Написание кода на LESS
Написание кода на SASS (SCSS)

Основы создания сетки
Отступы в px или в %
Margin и padding варианты
npm i smartgrid — поехали!
Настройка свойств сетки

Вёрстка макета
Оптимизация кода
Иерархия селекторов vs BEM
Дополнительные приёмы вёрстки

Скачать :

Для просмотра скрытого содержимого вы должны зарегистрироваться