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

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)

-- --

Похожие материалы

Продвинутая вёрстка по сетке. Видеокурс (2017)Продвинутая вёрстка по сетке. Видеокурс (2017)
Это мероприятие для тех, кто: Владеет основами вёрстки, в том числе, адаптивной. Периодически бесится при создании адаптивной вёрстки. Хочет освоить крутейший инструмент и стать мастером.
Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)
Современные сайты и веб-разработку уже невозможно представить без HTML5 и CSS3, как ни крути. Любой проект, любой заказчик требуют валидной, кроссбраузерной и современной вёрстки на HTML5 и СSS3, и обязятельно адаптированную под мобильные устройства. Если вы будете уметь верстать на HTML5 и CSS3 и адаптировать проект под мобильные устройства, то мо...
Создание контентного сайта на Jekyll от А до Я. Видеокурс (2018)Создание контентного сайта на Jekyll от А до Я. Видеокурс (2018)
Данный курс является уникальным, наиболее полным и подробным руководством по созданию новостного/контентного сайта от автора с опытом разработки и монетизации контентных проектов. Здесь есть всё: создание дизайна, адаптивная вёрстка, посадка на движок, настройка, размещение сайта на хостинге и заработок на своем сайте.
WEB-разработчик. Видеокурс (2019)WEB-разработчик. Видеокурс (2019)
Этот курс направлен на подробное обучение созданию сайтов, без воды, но главное, что здесь мы немедленно применяем все знания на практике.
Продвинутый курс по веб-разработке (2016)Продвинутый курс по веб-разработке (2016)
Изюминка курса — его программа. Вы получите полноценные и структурированные знания, поданные простым и понятным языком. В нужных пропорциях и под нужным соусом.
Веб-разработчик 12.0. Видеокурс (2018)Веб-разработчик 12.0. Видеокурс (2018)
За 6-и недельный курс обучения вы подробно разберете все этапы создания сайтов, научитесь готовить прототипы, получите навыки создания и работы с дизайн-макетом PSD.
HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)
В курсе подробно рассматриваются нововведения HTML5 и CSS3 на примерах. Так же подробно разбирается верстка макета сайта и адаптация под современные браузеры. Курс будет полезен как для начинающих веб-мастеров, так и профессионалам.