filmov
tv
Новый image-set как 🖼 тег picture в CSS: не только ретина, но и WebP и AVIF
Показать описание
00:00 Интро
00:34 Вставка PNG
01:08 Оптимизация в JPEG
01:56 Ретиновый JPEG
02:53 Подключение WebP
04:23 Подключение AVIF
05:42 Картинка как фон
06:35 Основа карточки
09:31 Как делали раньше
10:15 Замена на image-set
11:08 Загрузка по типам
12:33 AVIF в Firefox
12:57 Градиент под текстом
13:43 Ссылка на карточке
14:43 Ресайз карточки
15:43 Аутлайн для ссылки
16:45 Выводы
17:04 Аутро
* * *
Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 12–35 мм, f/2,8
Микрофон: Audio-Technica BP40
Свет: Amaran 200d + Light Dome
Софт: DaVinci Resolve, iZotope RX
00:34 Вставка PNG
01:08 Оптимизация в JPEG
01:56 Ретиновый JPEG
02:53 Подключение WebP
04:23 Подключение AVIF
05:42 Картинка как фон
06:35 Основа карточки
09:31 Как делали раньше
10:15 Замена на image-set
11:08 Загрузка по типам
12:33 AVIF в Firefox
12:57 Градиент под текстом
13:43 Ссылка на карточке
14:43 Ресайз карточки
15:43 Аутлайн для ссылки
16:45 Выводы
17:04 Аутро
* * *
Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 12–35 мм, f/2,8
Микрофон: Audio-Technica BP40
Свет: Amaran 200d + Light Dome
Софт: DaVinci Resolve, iZotope RX
0:17:37
Новый image-set как 🖼 тег picture в CSS: не только ретина, но и WebP и AVIF...
0:09:13
Свойство image-set. Эффективные фоновые изображения в CSS
0:56:50
291. Firefox 90, image-set и toggle в CSS, доступность SPA, export default, lazy-loading, Solid...
0:01:26
How To Set The OG Image In GroovePages
0:00:32
Nerf Laser Strike Laser Tag Blaster Set
0:01:17
iOS 13: How to Set a Profile Picture & Display Name in iMessage? Customize your iMessage Profile
0:00:54
MS Word: How to Set Default Page Setup Margin, Font Size & Style Word 2007 2016
0:05:35
InDesign How-To: Set Alt vs. Actual Text for Accessibility (Video Tutorial)
0:00:10
Atomic Marker Font - out now at Set Sail Studios!
0:10:39
19 Secret Minecraft Features You’ll Use Right Away
0:02:13
How to Use 'Add Yours' Sticker on Instagram
0:11:43
Build a Curvaceous Homepage // Wavy Background Tutorial with SVG & CSS
0:16:08
How to Laser Engrave Anything with the xTool D1 Laser Cutter/Engraver
0:04:14
New Intricate Seasonal Art Image Set in Cricut Access
0:09:42
The 20 Best Scrapbooking Tips and Tricks to Try in 2024
0:03:42
Cricut Tutorial: How to use Cricut's Infusible Ink Transfer Sheets!
0:25:42
$456,000 Squid Game In Real Life!
0:02:41
Charli xcx - Guess featuring Billie Eilish (official video)
0:01:11
How to add a signature in Outlook | Microsoft
0:01:18
Introducing The Search Widget
0:02:34
How to Change Background Color on Instagram Stories - New Update
0:02:43
Leaked Lego Set Images
0:11:25
The Magic of CSS Grid AUTO-FIT vs AUTO-FILL
0:08:16
Parallax image backgrounds, gradients, and video backgrounds
Комментарии