CSS Cascade Layers через рік: як люди реально використовують @layer для адаптивної верстки Рік тому я випустив серію з 3 відео про каскадні шари CSS (@layer) — що це таке, як вони працюють і з чим їх їдять. З[…]
CSS Container Queries — це те, що має замінити більшість твоїх @media запитів. У цьому відео показую на реальному прикладі (sidebar + grid карточок), як Container Queries роблять верстку адаптивнішою без склад[…]
🔥 Адаптивна сітка css grid для початківців — увесь матеріал в одному відео! А яка тема для тебе найскладніша? Напиши в коментарях 👇 ⏱ ТАЙМКОДИ: 00:00 – вступ 00:30 – для чього bootstrab 01:01 – css grid #htm[…]
🎯 CSS слайдер БЕЗ JavaScript? Так! Scroll-snap, Grid, Container Queries — 3 потужні CSS-патерни, які зроблять твою верстку простішою і швидшою. Жодного JS — тільки чистий CSS! У цьому відео ми розбираємо: 🔹 Слайде[…]
Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtube.com/@STERNENKO 👻 На розвиток каналу Frontend Shinobi БАНКА – https://send.monobank.ua/jar/5tEodxQoE%5B…%5D
Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.sternenkofund.org/ 👻 На розвиток каналу Frontend Shinobi БАНКА – https://send.monobank.ua/jar/5tEodxQoE%5B…%5D
🇺🇦 Грід для новачків. CSS GRID – як користуватися? Complete beginners grid tutorial. Частина 1 ч1 – https://www.youtube.com/watch?v=RUu14DvGUJ4 ч2 – https://www.youtube.com/watch?v=BJHOlgDM0ek%5B…%5D
🇺🇦 Грід для новачків. CSS GRID – як користуватися? Complete beginners grid tutorial. Частина 3 ч1 – https://www.youtube.com/watch?v=RUu14DvGUJ4 ч2 – https://www.youtube.com/watch?v=BJHOlgDM0ek%5B…%5D
🇺🇦 Грід для новачків. CSS GRID – як користуватися? Complete beginners grid tutorial. Частина 2 ч1 – https://www.youtube.com/watch?v=RUu14DvGUJ4 ч2 – https://www.youtube.com/watch?v=BJHOlgDM0ek%5B…%5D
🇺🇦 Грід для новачків. CSS GRID – як користуватися? Complete beginners grid tutorial. Частина 1 ч1 – https://www.youtube.com/watch?v=RUu14DvGUJ4 ч2 – https://www.youtube.com/watch?v=BJHOlgDM0ek%5B…%5D
🇺🇦 CSS Grid – як зробити банер на всю ширину сітки? Адаптивний банер на CSS GRID Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtube.com/@STERNE%5B…%5D
🇺🇦 Відео CSS Mask. Як зробити маску, що рухається? Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtube.com/@STERNE%5B…%5D
🇺🇦 Як анімувати CSS маску? CSS mask-image zoom animation Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtube.com/@STERNENKO 👻 На розвиток каналу F[…]
🇺🇦 Як плавно анімувати тег details? CSS анімація елемента що розкриває і скриває контент Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtube.com/@ST%5B…%5D
🇺🇦 Скрол анімація. CSS Scroll Animation. Як анімувати елементи при скролінгу сторінки? Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtube.com/@ST%5B…%5D
🇺🇦 CSS Masking. Як використовувати CSS маски? Як створити маску з зображення? Маска градієнт Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtube.com/@S%5B…%5D
🇺🇦 GRID як накладати контент один на один без використання position absolute. Css Width stack Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtub[…]
🇺🇦 Позіціонування елементу з використанням position-anchor та position-name. Баги та проблеми Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtu[…]
🇺🇦 Снігопад на чистому CSS. Як зробити снігопад на CSS без використання JS. З Новим роком і різдвом! Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://w[…]
🇺🇦 Як зробити отвір в div на css? Як користуватися clip-path та css mask-image? Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули – https://prytulafoundation.org/ 🇺🇦 Стерненко – https://www.youtube.com/@STERNENKO[…]
UaTube — портал українського відео онлайн. Збираємо та систематизуємо кращий контент з YouTube. Дивись найкращі українські відео в одному місці. Підтримуй улюблених авторів та відкривай нових!
