Загрузка страницы

Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение.

SASS/SCSS это препроцессор для CSS, он значительно расширяет возможности обычных таблиц стилей CSS и делает работу более удобной и быстрой. Установка SASS не требуется, нам просто нужна программка компилятор. В этом выпуске мы познакомимся с такими возможностями как переменные, вложенности, миксины, наследование и другими крутыми штуками. Поехали!

Видео по настройке компилятора SASS Prepros:
https://youtu.be/BqO5Pj26om8

Видео по настройке компилятора SASS VS Code:
https://youtu.be/nxCLXMBl4e4

Сайт препроцессора SASS https://sass-scss.ru/
Архив с файлами урока ищи в телеграм канале https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
Или качай по ссылке: https://fls.guru/files/tutorials/hellosass.zip

Содержание:
00:00 - Вступление
02:03 - Синтаксис
04:45 - Вложенность
16:35 - Переменные
18:36 - Импорт
22:41 - Шаблоны
29:44 - Миксины
32:41 - Математика
34:59 - Комментирование

🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle

🤟 Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка

Видео Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение. канала Фрилансер по жизни - IT и фриланс
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
8 сентября 2019 г. 14:37:05
00:38:07
Другие видео канала
Prepros что это. Как пользоваться prepros // Сборка фронтэнда // Компилятор SASS KITPrepros что это. Как пользоваться prepros // Сборка фронтэнда // Компилятор SASS KITМетодология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизниМетодология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизниVS Code настройка установка плагины // Подробный гайд VS Code за час // VS Code видео обучениеVS Code настройка установка плагины // Подробный гайд VS Code за час // VS Code видео обучениеJavaScript Основы для Начинающих - Полный Курс за 6 часов [2020]JavaScript Основы для Начинающих - Полный Курс за 6 часов [2020]Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения.Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения.ТОП 5 преимуществ CSS препроцессоров (LESS, SASS / SCSS, Stylus). Какой препроцессор css лучшеТОП 5 преимуществ CSS препроцессоров (LESS, SASS / SCSS, Stylus). Какой препроцессор css лучшеLearn Sass In 20 Minutes | Sass Crash CourseLearn Sass In 20 Minutes | Sass Crash CourseМЕТА теги для сайта за 13 минут. HTML мета теги для SEO, адаптива, социальных сетей и для iPhone.МЕТА теги для сайта за 13 минут. HTML мета теги для SEO, адаптива, социальных сетей и для iPhone.Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизниПодключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизниАдаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.Gulp настройка установка плагины. Пошаговая инструкция по настройке сборки Gulp 4 для верстки сайтовGulp настройка установка плагины. Пошаговая инструкция по настройке сборки Gulp 4 для верстки сайтовАдаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]Препроцессоры SCSS/SASS. Все, что нужно знать для стартаПрепроцессоры SCSS/SASS. Все, что нужно знать для стартаБЭМ методология. Практический примерБЭМ методология. Практический примерSass Crash CourseSass Crash Course#1 ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки#1 ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки версткиАдаптивный шрифт. Пример реализации отзывчивого (резинового) шрифта на CSS + SCSS миксинАдаптивный шрифт. Пример реализации отзывчивого (резинового) шрифта на CSS + SCSS миксинВсе о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая.Все о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая.
Яндекс.Метрика