- 02, Apr 2018
- #1
Продвинутая вёрстка - smartgrid
Дмитрий Лаврик
Какова ценность умения верстать быстро, например, так как было показано в видео наверху?
— Не знаю, наверно очень большая.
Ведь эти приёмы нужно освоить всего один раз и они ускорят вёрстку каждого макета в 2-3 раза.
Это мероприятие для тех, кто:
Спойлер: Описание далее
Программа мероприятия:
Основы 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
Дополнительные приёмы вёрстки
Наслаждение результатом
Скрытая информация :: Авторизуйтесь для просмотра »
Скачать:Скрытая информация :: Авторизуйтесь для просмотра »
- 6 вебинаров по вторникам и пятницам в 20:00 по Москве
- 4 вида сетки, каждый из которых круче всех имеющихся аналогов
- 7 скилов, которые пополнят твоё резюме
- ВСЕ материалы, исходные коды и видео записи занятий
Это мероприятие для тех, кто:
- Владеет основами вёрстки, в том числе, адаптивной
- Периодически бесится при создании адаптивной вёрстки
- Хочет освоить крутейший инструмент и стать мастером
Спойлер: Описание далее
Программа мероприятия:
Основы 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
Дополнительные приёмы вёрстки
Наслаждение результатом
Скрытая информация :: Авторизуйтесь для просмотра »
Скачать:Скрытая информация :: Авторизуйтесь для просмотра »