Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.
Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. Продолжаем изучать работу с изображениями и сегодня поговорим о важной теме - адаптив изображений. Изучим CSS свойства object-fit и object-position и HTML теги picture и source. Рассмотрим практические примеры правильного адаптива картинок в разных ситуациях.
💪 Файлы урока -
👉 Форматы изображений для веб-разработки -
👉 Урок CSS background -
👉 Шпагралка CSS background -
👉 Метод “IBG“ -
👉 Справочник типов файлов - Список_MIME-типов
Содержание:
00:00 - Вступление
01:10 - Метод max-width
06:23 - CSS object-fit и object-position
14:13 - HTML тег picture
1 view
318
86
2 months ago 05:50:04 1
НОВЫЕ ПРИКЛЮЧЕНИЯ ЭЛОЙ! ПРОДОЛЖЕНИЕ ЛЕГЕНДАРНОЙ ХОРАЙЗЕН! | Horizon Forbidden West 🏹 | Часть #1
2 months ago 02:30:12 1
Подробный видео курс по Bootstrap 5 на русском языке, Как создать сайт на Bootstrap 5
2 months ago 01:06:12 1
💎 Создание новой страницы “Замена звуковой карты для компьютера“
2 months ago 00:07:18 1
Тильда Адаптивность Настраиваем вид страницы на разных устройствах на стандартных блоках Тильды.
2 months ago 00:02:17 1
КАМАЗ-54907 CONTINENT (Проект 2020) — другой такой машины в мире нет!
2 months ago 01:37:04 1
💎 Создание новой страницы “Замена жесткого диска или SSD“
2 months ago 00:18:27 1
Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.
2 months ago 00:00:00 1
Horizon Forbidden West Прохождение в 2к ᐅ Хорайзон Запретный запад стрим
2 months ago 00:05:42 1
Oppo Reno 10 Pro - Обзор Смартфона - Топ Смартфонов 2023
2 months ago 00:11:29 1
Нужно ли делать 320пх? Сколько адаптивных макетов дизайна лучше показывать? Дизайн. Верстка. Фриланс
3 months ago 00:01:40 1
Что обнаружили учёные в центре нашей галактики?! Реальные снимки !!!
3 months ago 00:18:57 1
GNOME 45. Ubuntu . elementaryOS 7.1. Могут, когда захотят!
3 months ago 00:07:05 1
Запускаем Stable Diffusion и Ollama на смартфоне. Обзор функции генерации картинки в open WebUI
3 months ago 00:10:34 1
Создание уникального блока в Zero Block
3 months ago 00:46:00 3
СКРИПТЫ ПРОДАЖ. Как выглядит безотказный сценарий в 2021? 18+
3 months ago 00:15:25 3
От астрономогеодезиста: «Как нарисовать свой план жизни и реализовать его в реальности»
3 months ago 00:43:11 1
Верстка сайта по макету из Figma используя плагин Inspect Styles
3 months ago 00:15:25 1
Адаптивная задняя подсветка для телевизоров - Ambilight - Tuya Smart, Google Home, Home Assistant
3 months ago 00:09:09 1
Нейросеть Sora которая ГЕНЕРИРУЕТ ВИДЕО от OpenAI
3 months ago 00:10:15 1
Рестайл Skoda Octavia – нокаут для Toyota
3 months ago 02:56:32 1
HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]
3 months ago 00:25:38 1
[NEW] 🔥 Компоненты и адаптивный дизайн. Как создать паттерн в фигме. Как сделать иконку. Урок 8
4 months ago 00:13:08 1
Коммерческие факторы ранжирование
4 months ago 01:21:17 2
Верстка сайта по макету из Figma без Dev Mode в бесплатной версии