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