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

Раздел: Видео уроки 20-06-2019, 18:18

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

Бесит адаптивная вёрстка? Дизайнеры, требующие соблюдения сетки? Bootstrap, когда из-за его классов становился не виден остальной HTML-код? Тогда посмотрите данный курс и вы узнаете что такое удобная вёрстка. Новый способ, которому автор хочет вас научить, использует в себе всю мощь современных технологий: flexbox и функция calc из CSS3, один из препроцессоров на выбор (LESS, SCSS, SASS, Stylus), сборщик проектов gulp и пара его чудесных плагинов. Всё это даёт невероятный прирост в скорости и качестве вёрстки.

Содержание:
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
Дополнительные приёмы вёрстки
Наслаждение результатом

Название: SmartGrid 2 - Продвинутая вёрстка
Автор: Дмитрий Лаврик
Жанр: Видеокурс
Язык: русский
Продолжительность: ~13 часов
Формат: MP4 (+доп. файлы)
Видео: AVC, 1920x1080, ~354 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Размер: 2.96 Gb

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

Скачать SmartGrid 2 - Продвинутая вёрстка. Видеокурс (2019)


Рейтинг: 
Добавил tel40plus Просмотров: 24 Комментарии: (0)



Похожие интересные статьи по теме:

  • Продвинутая вёрстка по сетке. Видеокурс (2017)
  • FlexBox вёрстка (2015) Мастер-класс
  • HTML PRO. Профессиональная вёрстка (2014) Вебинар
  • Вёрстка сайта с нуля
  • Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)
  • Информация

    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.