Madam Sophia

⚔ АДМИНИСТРАТОР ⚔
Регистрация
22 Февраль 2018
Сообщения
20.205
Автор: Лаврик

Название: SmartGrid 2 - Продвинутая вёрстка (2019)

upload_2019-5-16_1-36-16-png.53263


Описание:

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

Программа.

1. Урок

Основы Flexbox

Основная и вспомогательная оси

Лёгкие вертикальные выравнивания

Адаптивка без media-запросов

Определение размера элементов

2. Урок

Разбор домашних работ

Прокачивание мастерства Flexbox

Тонкости адаптивных реализаций

Всевозможные выравнивания

Слабости flexbox без media

3. Урок

Node.js и NPM — основы магии

Gulp — сборка проекта

LESS — генератор CSS

Group CSS Media Queries

Autoprefixer — кроссбраузерность

4. Урок

Основы CSS-препроцессоров

Иерархическое написание

Переменные и примеси

Написание кода на LESS

Написание кода на SASS (SCSS)

5. Урок

Основы создания сетки

Отступы в px или в %

Margin и padding варианты

npm i smartgrid — поехали!

Настройка свойств сетки

6. Урок

Вёрстка макета

Оптимизация кода

Иерархия селекторов vs BEM

Дополнительные приёмы вёрстки

Наслаждение результатом

Продажник:

Трёхнедельный онлайн курс по продвинутой вёрстке от Дмитрия Лаврика

Скачать:

Для просмотра содержимого вам необходимо авторизоваться.


Скрытый контент для пользователей All-dar.
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Сверху