CSS препроцесори, SCSS/SASS, Stylus, Less, PostCSS. Практика та робота з SCSS

Опубликовано: 06 Июнь 2024
на канале: Від 0 до 1
699
92

Друзі, в цьому відео ми поговоримо на тему, що таке css препроцесори, для чого вони потрібні і які переваги мають над звичайним css. Також ми пробіжимося по різним препроцесорам, і розберемося для якого проекта краще використовувати PostCSS, а для кого Stylus. Буде досить багато практики з препроцесором SCSS, розглянемо способи конвертації препроцесора у звичайний css.

---------------------------------------
Телеграм канал - https://t.me/from0to1ua
---------------------------------------

Верстка з поясненням та адаптивом:
   • Верстка сайту з нуля до завершення,  ...  

00:00 - що буде у відео
03:56 - приклад того, що таке препроцесор
07:30 - порівняння препроцесорів SASS Stylys LESS PostCSS
20:35 - як конвертувати препроцесор
22:46 - налаштування VSCode
26:59 - змінні
31:03 - вложеності
40:19 - імпорт
53:41 - математичні оператори
55:46 - медіа запити
58:09 - умовні оператори
01:02:00 - цикли
01:06:00 - mixin
01:11:00 - приклад ~складного mixin
01:15:00 - документація та фінал

Підпишіться на канал, якщо вам сподобалось це відео:
https://bit.ly/from-0-to-1


Смотрите видео CSS препроцесори, SCSS/SASS, Stylus, Less, PostCSS. Практика та робота з SCSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Від 0 до 1 06 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 699 раз и оно понравилось 92 людям.