Адаптивные изображения. Практические приемы верстки картинок. 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
400
109
1 month ago 00:01:47 1
Обзор 2 Мп IP-камеры BEWARD B2530RC: объектив на выбор и адаптивная ИК-подсветка, от -45 до+50°C
1 month ago 00:00:00 1
BEWARD B2530RC, запись с камеры, ночь, объектив 3.6 mm
1 month ago 00:00:00 1
BEWARD B2530RC, запись с камеры, день, объектив 3.6 mm
1 month ago 00:10:34 1
Создание уникального блока в Zero Block
2 months ago 00:04:14 1
Введение к мастер-классу №1: Как создать профессиональный лендинг с Flexbox в бесплатном Elementor
2 months ago 00:00:18 1
iphone 16 pro max black titanium
3 months ago 00:03:46 1
Мурзилки Int. - пародия «Когда мои друзья со мной»
4 months ago 00:47:17 1
Horizon Forbidden West Прохождение в 2к ᐅ Хорайзон Запретный запад на русском
4 months ago 01:17:23 1
Владимир Сурдин — «Внеатмосферная астрономия и новый космический телескоп «Джеймс Уэбб»
4 months ago 01:48:23 7
Вебинар «Адаптация книг и все про это», Анна Чугунова
4 months ago 02:56:32 1
HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]
4 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок
5 months ago 00:08:43 1
Как Легко И Просто Нарисовать МИЛУЮ КОШКУ | Как Нарисовать Кошку / Котёнка шаг за шагом
5 months ago 00:01:19 5
Как выглядит уход в АФК для НПС
5 months ago 01:15:29 1
Повторяем шот с Дрибла. Иконки с нуля. Адаптивные графики. Как нарисовать dashboard (уроки Figma)
5 months ago 00:05:38 1
Простой Слайдер для Joomla | Joomly Slider
5 months ago 00:08:02 1
Сегодня день кармических двоек. Важные слова.
6 months ago 00:17:58 1
Mindray SV600/SV800 - интерфейс и управление ИВЛ аппаратом
6 months ago 02:06:40 1
Микроэволюция - запись вебинара
6 months ago 00:01:21 1
Как нарисовать бабочку необычным способом / Рисование для детей
6 months ago 00:35:13 1
Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
6 months ago 00:13:02 3
Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O ?
7 months ago 00:10:16 4
#3 Плагин Perfect Pixel, Верстаем по макету из Figma
7 months ago 05:43:22 1
ПОРА ОТПРАВИТЬСЯ НА ПОИСКИ ДЕМЕТРЫ! | Horizon Forbidden West 🏹 | Часть #8