Усе про CSS змінні за 13 хвилин: Швидкий та простий гайд
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Чи існують справжні змінні в CSS, і якщо так, то як вони працюють? Як їх правильно писати та як можна використовувати? До чого тут javascript? Саме це ви дізнаєтесь, поринувши у Дивовижний світ веб-розробки разом із Сергієм Бабічем, тобто зі мною. Якщо, звичайно, додивитесь відео до кінця. Підписуваться теж не забувайте.
Мій особистий телеграм-канал: t.me/toisamyibabich
Закинути копійку на розвиток каналу можна тут:
🔗 send.monobank.ua/jar/9LUqtFvZXp
💳 5375411204412287
00:00 Привітання
00:25 Для чого потрібні CSS змінні
01:23 Правила іменування
02:18 Типи значень
02:49 Ключове слово var()
03:32 Змінна як частина виразу
04:34 Розбиття складних CSS значень на складові
06:14 :root та каскад
08:21 Другий параметр var(), або ж fallback
09:39 CSS змінні та Javascript
11:29 CSS змінні та змінні в препроцесорах
12:41 Епілог - แนวปฏิบัติและการใช้ชีวิต
Ще скажіть, шо звук тихий.
Не тихий, просто ніжно говориш)
@vitalii-baidak підлабузник!
Дякую за відео)це той випадок, коли на просте питання відповіли "по-сеньйорськи"👍
Дякую! Слідкуйте за каналом, готую дещо цікаве саме в цьому плані ;)
Неймовірна людина. Дивлюсь відео і готуюсь до інтервʼю. Дякую!
Дякую)) Дуже корисно і весело))
Приходьте ще )
Корисне відео, про фолбеки не знала раніше! За гумор - окрема вподобайка!))
Дякую)
Дякую, що витрачаєш час на це. CSS не сильно цікавить, але дуже хочу підтримати лайком і підпискою на твій канал.
Дякую за відгук, буду стараться )
Ого!
Так тут вже повно підписників!)
Вітаю)
Гарне відео, давайте ще)
Повно, але усе ще недостатньо)))) Приводьте друзів )
Крутяк, я не знала про фоллбеки у css-змінних, дяка!
Прошу, приходьте ще )
Дякую за чудове відео. Такий контент хочеться дивитися кожен день.
Я так не стягну відео робити
А про звук не на..бал) реально тихий 👍
Я завжди максимально чесний. У новому відео я зробив звук просто цукерочкою!
Дуже файне відео! Дякую, вподобайку поставила!
Дякую!
Відео сподобалось)) про рух по координатам в JS важко зрозуміти, треба розібрати код. Але прикольно.
Там дуже просто - значення з позиції курсора призначаються до CSS-змінних, які уже безпосередньо застосовуються елемента автоматично.
ВАР ВАР реально зайшло =) Таке поєднання практичного матеріалу, досвіду та гумору є крутим! Дякую ! Продовжуй в тому ж дусі! Буду дивтися кожен випуск!
Дякую! Обов'язково, підготовка до нового відео уже почалась)
Дякую! За CSSStyleDeclaration взагалі наче вперше почув)) Також стало зрозуміло про перевагу CSS-змінних над SASS-змінними.
А щодо звуку - то тут як і з відео - незалежно від того на що він записується, все одно варто постобробку робити.)
Взяв до уваги
Ще одне круте відео)
До останього було цікаво до чого тапок. В кінці все стало на свої місця!!! Дякую відео класне! І головне корисне. За рідненьку мову окрема подяка!
Дякую вам)
Ай молодець!
Дякую за корисний контент. Було цікаво дізнатися про колбеки в css, про можливість зміни через js. Особливо хочеться подякувати за велику кількість прикладів використання.
чудове відео 👍
Годнота. Дякую за розгорнуте пояснення.
Прошу дуже, приходьте ще )
найкращий прєпод евер
Ой, дякую! Хваліть ще )
Аналогії із поточною ситуацією 🔥
"що там вам спиться чи не спиться ..." 💪
Чемний Бабіч) Цікаво слухати ,дякую за контент💪🏻💪🏻💪🏻
Гумор, мова, якість, швидкість, інформація - все на висоті 👏
Дякую))
@@babichweb ору з пісні і напису хахах. дякую за контент українською!
Дякую за відгук)
@@babichweb насправді найбільше ціную відоси співбесіди фронтів, поки парочку бачила. Ви доволі адекватно спокійно проводите, після такого мене співбесіди лякають трохи менше :D
👍
пушка! 🔥
Главне шоб не рокєта )))
@@babichweb 😇
Подача чудова, людям раджу допомагає! Так тримати
Чудово що нема фонової музики. Погано що поставивши звук все одно тихо чути
Дякую
Тобі дякую за перегляд)
Чудовий канал. Доступно доносиш інформацію. Чекатиму нові відоси. Чув, що можна з тобою про консультуватись. Як з тобою зв'язатись ? Дякую.
Дякую за відгук ) Ходять чутки, шо мене можна знайти в лінкедіні )
@@babichweb Коли створю акаунт додам тебе в першу чергу)
На ще лайк комент
Дякую, давай ще ))))
Не до кінця зрозуміло про передачу декількох значень після коми.
Як саме це працює ?
Усе, що йде після ПЕРШОЇ коми, сприймається як одне значення
@@babichweb а якщо там записані значення, які не можуть працювати одночасно? Або одне значення вірне, а решта просто такі, які в принципі неможливі?
Тоді робити нічо не буде
класс але трохи гучніше в наступний раз
Занотував
Чудове відео, але що ж так безбожно тихо)
Зажав децибел.
@@babichweb економія! Слушно.
Все круто, але звук трішки просідає.
Причину ви вже знаєте )))
Гучність треба підняти
Та й так канає
тут треба по губам читати?😁
Так