Скачать с ютуб 😏 CSS Viewport Units: vw, vh, vmin, vmax! 8 Реальных примеров + Недостатки😈 в хорошем качестве

😏 CSS Viewport Units: vw, vh, vmin, vmax! 8 Реальных примеров + Недостатки😈

#css #html #web #webdevelopment #frontend #htmlcss #html5 #htmltutorial #htmlelements #css3 #csscourse #csstutorialscool Что такое viewport 🔥? Единицы viewport: vh, vw, vmin, vmax 🤔? 8 реальных примеров использования 💯. Как растянуть блок или контент на всю ширину viewport! Недостатки использования vh, vw. 0:00 Что такое viewport? 1:10 vh 2:07 vw 2:58 vmin 4:13 vmax 5:28 viewport + font-size 7:32 Полноэкранные секции 8:01 Фиксированный header 9:53 Липкий footer 11:29 Фон на весь viewport 14:00 Элемент на весь viewport 16:55 Модальные окна 19:03 Адаптивные заголовки 20:02 Соотношение сторон (video, photo) 22:16 Scroll индикатор 23:17 Проблемы 100vw 25:02 Проблемы масштабирования страницы 26:25 Проблемы 100vh Подписывайтесь на меня в соц. сетях: 👨‍💻 LinkedIn -   / maksymfariga   ✈️ Telegram - канал https://t.me/web_education_new 📷 Instagram -   / maksym_fariga   📖 Facebook -   / maksymfariga   🦉 Twitter -   / fariga_m   🎶 TikTok -   / maksym_fariga   ✍️ Tumblr -   / maksymfariga   💬 Twitch -   / maksym_fariga   🤔 Не знаете, что такое пиксель или почему он не тот, за кого себя выдает? 👉    • А px, то не настоящий! PPI и DPI, DP...   🤔 Не знаете какие есть единицы для задания углов или когда и какие применять? 👉    • CSS Units: Deg, Rad, Grad, Turn   🤔 Абсолютные единицы измерения в CSS? 👉    • Нужны ли они нам? Абсолютные единицы ...   🤔 Относительные единицы измерения ex, ch, ic, lh 👉    • Зачем они были добавлены? CSS Units: ...   🤔 Не знаете что выбрать REM или EM 👉    • Вы точно не знаете зачем мы используе...   Ссылки на песочницу, где можно попробовать примеры из видео: 📺 - https://codepen.io/Pots1988/pen/abPmWbv 📺 - https://codepen.io/Pots1988/pen/zYyKwxx 📺 - https://codepen.io/Pots1988/pen/zYyKwvG 📺 - https://codepen.io/Pots1988/pen/NWepzdv 📺 - https://codepen.io/Pots1988/pen/ExGWRwJ 📺 - https://codepen.io/Pots1988/pen/mdaWKxO 📺 - https://codepen.io/Pots1988/pen/GRPWGBW 📺 - https://codepen.io/Pots1988/pen/ZEVejwW 📺 - https://codepen.io/Pots1988/pen/JjwWaRp 📺 - https://codepen.io/Pots1988/pen/oNJZPZM 📺 - https://codepen.io/Pots1988/pen/PoXpdjM 📺 - https://codepen.io/Pots1988/pen/PoXpdRo 📺 - https://codepen.io/Pots1988/pen/XWoRJXM 📺 - https://codepen.io/Pots1988/pen/LYMyVdP 📺 - https://codepen.io/Pots1988/pen/vYvmNYg 📺 - https://codepen.io/Pots1988/pen/bGOWVLQ 📺 - https://codepen.io/Pots1988/pen/abPWvxJ 📺 - https://codepen.io/Pots1988/pen/oNJWbXE