Тег viewport: как настроить область просмотра в адаптивном дизайне
Как настроить область просмотра в адаптивном дизайне с помощью мета-тега “viewport” или CSS правила @viewport и что делать, если анализ не видит “viewport”.
Полноэкранный (fullscreen) блок на CSS и HTML // Как это сделать?
В этом выпуске научимся делать правильные полноэкранные (fullscreen) блоки используя только CSS и HTML. Узнаем как верстать на весь экран. Поехали!
Результат верстки из урока для подписчиков на патреоне:
https://www.patreon.com/posts/38045843
Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
Facebook: https://www.facebook.com/freelancerlifestyle
Instagram: https://www.instagram.com/freelancer.lifestyle
Меня зовут Женя Андриканич, я IT — специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
Живи, а работай в свободное время! ©
362. Safari TP, новый тег search, focus-visible, AI в дизайне и разработке, печать на CSS, Vite 5
27 марта 2023
— Алексей Симоненко
— Юля Миоцен
— Никита Дубко
00:00:00 Интро
00:01:08 Safari TP 166
00:09:33 HTML-элемент search
00:23:05 Focus-visible
00:31:20 GitHub Copilot X
00:47:34 AI в дизайне
01:05:32 AI в разработке
01:23:39 Печать на CSS
01:33:23 Планы на Vite 5
01:36:07 Ответы на вопросы
Ссылки на сайте https://web-standards.ru/podcast/362/
Уроки по CSS3 | Метатег viewport
Метатег Viewport при адаптивном дизайне http://webdiz.com.ua/glava-6-adaptivnyj-dizajn/metateg-viewport
Уроки по CSS3 http://webdiz.com.ua/uroki/css/
Урок 1. Теория и практика адаптивной верстки. Мета тег Viewport
Полный курс по теории и практике адаптивной верстки смотрите тут: https://webformyself.com/category/premium/htmlcss-premium/responsive-premium/
В этом видеоуроке мы обсудим что такое Viewport, поговорим о мета теге viewport, для чего он предназначен, какую роль играет в адаптивной верстке и рассмотрим все его особенности.
По результатам урока вы познакомитесь с мета тегом viewport который необходимо указывать во всех своих адаптивных проектах, а также за что отвечает каждое значение в данном теге.