Адаптивные изображения (webp, picture, source)

Uploaded By: Myvideo

Published on

29 Nov 2022

1 view

0

0 votes

0

About Share Download Add to

Расскажем о том как “готовить“ легковесные адаптивные изображения для web-приложений. Поговорим о: - теге picture, атрибутах sizes и srcset - webp и retina background-image - x и w дескрипторах - плагинах к PostCSS, которые решают проблемы адаптивных изображений

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/VlNjNktaYlM5TE8vTE05cTRQOG9ibnFWSkVLd2JvMWpUcVZxK3ViaE1aTT0" 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

Обзор 2 Мп IP-камеры BEWARD B2530RC: объектив на выбор и адаптивная ИК-подсветка, от -45 до+50C

4 months ago

00:01:47

Обзор 2 Мп IP-камеры BEWARD B2530RC: объектив на выбор и адаптивная ИК-подсветка, от -45 до+50C

1 42%

BEWARD B2530RC, запись с камеры, день, объектив 3.6 mm

4 months ago

00:00:00

BEWARD B2530RC, запись с камеры, день, объектив 3.6 mm

1 12%

BEWARD B2530RC, запись с камеры, ночь, объектив 3.6 mm

4 months ago

00:00:00

BEWARD B2530RC, запись с камеры, ночь, объектив 3.6 mm

1 17%

Создание уникального блока в Zero Block

4 months ago

00:10:34

Создание уникального блока в Zero Block

1 88%

Введение к мастер-классу №1: Как создать профессиональный лендинг с Flexbox в бесплатном Elementor

5 months ago

00:04:14

Введение к мастер-классу №1: Как создать профессиональный лендинг с Flexbox в бесплатном Elementor

2 7%

iphone 16 pro max black titanium

5 months ago

00:00:18

iphone 16 pro max black titanium

1 58%

Мурзилки Int. - пародия Когда мои друзья со мной

6 months ago

00:03:46

Мурзилки Int. - пародия Когда мои друзья со мной

1 53%

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

6 months ago

00:47:17

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

1 56%

Владимир Сурдин Внеатмосферная астрономия и новый космический телескоп Джеймс Уэбб

7 months ago

01:17:23

Владимир Сурдин Внеатмосферная астрономия и новый космический телескоп Джеймс Уэбб

1 41%

Вебинар Адаптация книг и все про это, Анна Чугунова

7 months ago

01:48:23

Вебинар Адаптация книг и все про это, Анна Чугунова

7 87%

HTML - Полныи Курс HTML Для Начинающих 3 ЧАСА

7 months ago

02:56:32

HTML - Полныи Курс HTML Для Начинающих 3 ЧАСА

1 76%

Как новичку создать красивый сайт | Подробный урок

7 months ago

01:49:10

Как новичку создать красивый сайт | Подробный урок

1 71%

Как Легко И Просто Нарисовать МИЛУЮ КОШКУ | Как Нарисовать Кошку / Котёнка шаг за шагом

7 months ago

00:08:43

Как Легко И Просто Нарисовать МИЛУЮ КОШКУ | Как Нарисовать Кошку / Котёнка шаг за шагом

1 59%

Как выглядит уход в АФК для НПС

8 months ago

00:01:19

Как выглядит уход в АФК для НПС

7 92%

Повторяем шот с Дрибла. Иконки с нуля. Адаптивные графики. Как нарисовать dashboard (уроки Figma)

8 months ago

01:15:29

Повторяем шот с Дрибла. Иконки с нуля. Адаптивные графики. Как нарисовать dashboard (уроки Figma)

1 48%

Простой Слайдер для Joomla | Joomly Slider

8 months ago

00:05:38

Простой Слайдер для Joomla | Joomly Slider

1 90%

Сегодня день кармических двоек. Важные слова.

8 months ago

00:08:02

Сегодня день кармических двоек. Важные слова.

1 34%

Claude 3.5 Sonnet, модель которая превосходит GPT-4 на всех тестах.

8 months ago

00:00:51

Claude 3.5 Sonnet, модель которая превосходит GPT-4 на всех тестах.

1 88%

Mindray SV600/SV800 - интерфейс и управление ИВЛ аппаратом

8 months ago

00:17:58

Mindray SV600/SV800 - интерфейс и управление ИВЛ аппаратом

1 68%

Микроэволюция - запись вебинара

9 months ago

02:06:40

Микроэволюция - запись вебинара

1 37%

Как нарисовать бабочку необычным способом / Рисование для детей

9 months ago

00:01:21

Как нарисовать бабочку необычным способом / Рисование для детей

1 76%

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

9 months ago

00:35:13

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

1 93%

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

9 months ago

00:13:02

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

3 92%

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

10 months ago

00:10:16

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

9 43%

0 Comments

Guest