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

Published: 06 June 2024
on channel: Від 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


Watch video CSS препроцесори, SCSS/SASS, Stylus, Less, PostCSS. Практика та робота з SCSS online without registration, duration hours minute second in high quality. This video was added by user Від 0 до 1 06 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 699 once and liked it 92 people.