ВідеоIT та програмуванняв індексі з
🇺🇦 CSS @Layer - Розділяємо на шари framework, base, utilities. Як розділити свій CSS на різні шари?
169 переглядів на YouTube · опубліковано
🇺🇦 CSS @Layer - Розділяємо на шари framework, base, utilities. Як розділити свій CSS на різні шари? Ч.1 - https://youtu.be/pexJviCZn5s Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули - https://prytulafoundation.org/ 🇺🇦 Стерненко - https://www.youtube.com/@STERNENKO 👻 На розвиток каналу Frontend Shinobi БАНКА - https://send.monobank.ua/jar/5tEodxQoEu Крипта - USDT 0x284eF2F4db8B27905d68bBBECBC95a119259A395 Соурси https://bitbucket.org/fairproject/frontend-shinobi-yt/src/main/34-css-layers/ Статті https://developer.mozilla.org/en-US/docs/Web/CSS/@layer https://css-tricks.com/css-cascade-layers/ Опис відео роліка: CSS @layers Каскадні шари. Розліляємо свої CSS стилі по різних CSS шарах з різною приорітезацію. Розмовляємо про різницю між user agent style declaration та normal user declarations та в чому різниці и пріоритизаціі стилей між layer та unlayered стилями. Приклад класа утілити та розділення стилей по окремих шарах де шар з класами утілітами має вишю пріоритизацію #CSSLayers #CascadeLayers #CSSPriority #UserAgentStyles #NormalUserDeclarations #CSSUtilityClasses #CSSBestPractices #WebDesign #FrontendDevelopment #CSSPriorityRules #WebDevelopment #CSSUtility #CSSFrameworks #FrontendTips #WebDevTips #CSSTutorial #CodeWithCSS #WebDesignCommunity #CascadingStyles #CSSSelectors #FrontEndSkills #LearnCSS #WebDesignTips #FrontendCoding #CSSExamples #WebDevBasics #StylePriority #CodeLayers #CSSForBeginners #FrontendEngineering #css #html #js #курсиCSS #урокиCSS #CSSШари #КаскадніШариCSS #CSSПриорітетність #CSSLayers #СтиліCSS #ПріоритетСтилів #UserAgentStyles #CSSКаскад #ВебРозробка #ВебРозробкаУкраїнською #КаскадніШари #РозподілСтилів #CSSУтіліти #УтілітніКласиCSS #CSSТуторіал #FrontendУкраїна #ВебДизайн #ВебДизайнУкраїна #ПріоритетCSS #НавчанняCSS #КаскаднийШарCSS #ВебТехнології
Коментарі
Щоб написати, увійдіть.
Коментарів ще немає. Ваш буде першим.
Цей канал 115 відео в індексі
Більше від «Frontend Shinobi»
6:09Каскадні шари CSS через рік: чи варто ділити стилі по Mobile First / Desktop First?
7:55CSS Container Queries на практиці: коли @media недостатньо | + corner-shape
7:31Адаптивна сітка css grid — чому це працює
12:06🔥 Забудь про JavaScript: CSS слайдер, який працює без JS
21:36CSS Nesting - Чим відрізняється від CSS? І чи варто його використовувати?
22:53🇺🇦 CSS анімація кнопки, що слідкує за курсором миші | Без JavaScript
Шорти цього каналу
1:09Анімація для веб-дизайну: як врахувати Reduce Motion
1:33Створення GIF з Альфа-Шаром: Легкий Посібник
1:17Як правильно налаштувати анімацію на сайті
0:47CSS Магія: Анімація без JavaScript
1:30Створення стильних псевдоселекторів у CSS
1:52Псевдоелементи в CSS: Створення фонів із Position Absolute
0:53CSS Анімація: Зміна Розміру Маски при Фокусі
1:00Анімація фону при скролінгу: Зміна кольорів на прикладі
0:32Ефектна анімація зображень: Підказки для Hover Transition
1:30Ефективні анімації: Як оживити зображення на сайті
0:24Відеомаска на CSS: Круті ефекти без JavaScript
1:13