Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.

Uploaded By: Myvideo

Published on

24 Mar 2024

1 view

0

0 votes

0

About Share Download Add to

Адаптивные изображения. Практические приемы верстки картинок. 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

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/cnZROUNVeG1Ocit1WDRvNXBJZDZVTnN2aG42Z2kyeEZlTUNhVmtTWTk5cz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Индикатор показывающий направление тренда Индикатор dtosc

3 days ago

00:01:44

Индикатор показывающий направление тренда Индикатор dtosc

2 14%

Что такое адаптивные баннеры

1 week ago

00:02:45

Что такое адаптивные баннеры

26 10%

9. Адаптивные изображения

1 week ago

01:43:10

9. Адаптивные изображения

3 14%

Frontender1.0 - Модуль 1 | Курс по FRONTEND | HTML, CSS, SCSS, GIT, NPM, SEO, A11Y | УРОКИ 2-55

1 week ago

11:55:00

Frontender1.0 - Модуль 1 | Курс по FRONTEND | HTML, CSS, SCSS, GIT, NPM, SEO, A11Y | УРОКИ 2-55

1 27%

ПОРА ОТПРАВИТЬСЯ НА ПОИСКИ ДЕМЕТРЫ! | Horizon Forbidden West | Часть #8

2 weeks ago

05:43:22

ПОРА ОТПРАВИТЬСЯ НА ПОИСКИ ДЕМЕТРЫ! | Horizon Forbidden West | Часть #8

1 15%

ИНДИКАТОР ПОКАЗЫВАЮЩИЙ ОБЪЕМ ПОКУПОК И ПРОДАЖ ТОРГОВЛЯ НА КРИПТОВАЛЮТЕ

2 weeks ago

00:01:44

ИНДИКАТОР ПОКАЗЫВАЮЩИЙ ОБЪЕМ ПОКУПОК И ПРОДАЖ ТОРГОВЛЯ НА КРИПТОВАЛЮТЕ

6 77%

БУДЕТ ЖАРКО! ОХОТА НА РОБОТОВ И КОТЛЫ! | Horizon Forbidden West | Часть #7

2 weeks ago

05:57:23

БУДЕТ ЖАРКО! ОХОТА НА РОБОТОВ И КОТЛЫ! | Horizon Forbidden West | Часть #7

1 21%

GNOME 45. Ubuntu . elementaryOS 7.1. Могут, когда захотят!

2 weeks ago

00:18:57

GNOME 45. Ubuntu . elementaryOS 7.1. Могут, когда захотят!

1 13%

PRAVDAO #423 - Купил PlayStation 5!!! Почему не Pro

2 weeks ago

00:26:29

PRAVDAO #423 - Купил PlayStation 5!!! Почему не Pro

1 40%

ИСПЫТАНИЕ КУЛЬРУТ! ПОИСКИ НОВЫХ РОБОТОВ! | Horizon Forbidden West | Часть #6

2 weeks ago

05:23:23

ИСПЫТАНИЕ КУЛЬРУТ! ПОИСКИ НОВЫХ РОБОТОВ! | Horizon Forbidden West | Часть #6

1 6%

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

2 weeks ago

00:35:13

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

1 28%

СЛОМАННЫЕ НЕБЕСА! НАЧАЛО ПОИСКОВ ЭФИРА! | Horizon Forbidden West | Часть #5

2 weeks ago

05:46:28

СЛОМАННЫЕ НЕБЕСА! НАЧАЛО ПОИСКОВ ЭФИРА! | Horizon Forbidden West | Часть #5

1 16%

СВЯЩЕННАЯ ПЕЩЕРА! ПОИСКИ МЕНЕРВЫ! | Horizon Forbidden West | Часть #4

2 weeks ago

05:11:07

СВЯЩЕННАЯ ПЕЩЕРА! ПОИСКИ МЕНЕРВЫ! | Horizon Forbidden West | Часть #4

1 14%

Создание новой страницы Замена звуковой карты для компьютера

2 weeks ago

01:08:23

Создание новой страницы Замена звуковой карты для компьютера

6 5%

Создание новой страницы Замена жесткого диска или SSD

2 weeks ago

01:37:20

Создание новой страницы Замена жесткого диска или SSD

6 5%

ОПАСНЫЙ ЗАПАД! ПО СЛЕДАМ САЙЛЕНСА! | Horizon Forbidden West | Часть #3

3 weeks ago

06:00:31

ОПАСНЫЙ ЗАПАД! ПО СЛЕДАМ САЙЛЕНСА! | Horizon Forbidden West | Часть #3

1 31%

ВЕРХОМ НА ЛЕНТОРОГЕ! ПУТЬ В СВЕТ ПУСТОШИ! | Horizon Forbidden West | Часть #2

3 weeks ago

05:47:26

ВЕРХОМ НА ЛЕНТОРОГЕ! ПУТЬ В СВЕТ ПУСТОШИ! | Horizon Forbidden West | Часть #2

1 63%

НОВЫЕ ПРИКЛЮЧЕНИЯ ЭЛОЙ! ПРОДОЛЖЕНИЕ ЛЕГЕНДАРНОЙ ХОРАЙЗЕН! | Horizon Forbidden West | Часть #1

3 weeks ago

05:50:04

НОВЫЕ ПРИКЛЮЧЕНИЯ ЭЛОЙ! ПРОДОЛЖЕНИЕ ЛЕГЕНДАРНОЙ ХОРАЙЗЕН! | Horizon Forbidden West | Часть #1

1 51%

Подробный видео курс по Bootstrap 5 на русском языке, Как создать сайт на Bootstrap 5

4 weeks ago

02:30:12

Подробный видео курс по Bootstrap 5 на русском языке, Как создать сайт на Bootstrap 5

1 67%

Тильда Адаптивность Настраиваем вид страницы на разных устройствах на стандартных блоках Тильды.

1 month ago

00:07:18

Тильда Адаптивность Настраиваем вид страницы на разных устройствах на стандартных блоках Тильды.

1 37%

КАМАЗ-54907 CONTINENT (Проект 2020) другой такой машины в мире нет!

1 month ago

00:02:17

КАМАЗ-54907 CONTINENT (Проект 2020) другой такой машины в мире нет!

1 36%

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.

1 month ago

00:18:27

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.

1 35%

Horizon Forbidden West Прохождение в 2к Хорайзон Запретный запад стрим

1 month ago

00:00:00

Horizon Forbidden West Прохождение в 2к Хорайзон Запретный запад стрим

1 83%

Oppo Reno 10 Pro - Обзор Смартфона - Топ Смартфонов 2023

1 month ago

00:05:42

Oppo Reno 10 Pro - Обзор Смартфона - Топ Смартфонов 2023

1 31%

0 Comments

Guest