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

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. Продолжаем изучать работу с изображениями и сегодня поговорим о важной теме - адаптив изображений. Изучим CSS свойства object-fit и object-position и HTML теги picture и source. Рассмотрим практические примеры правильного адаптива картинок в разных ситуациях. Файлы урока -
Форматы изображений для веб-разработки -
Урок CSS background - https://www.youtube.com/watch?v=8sHgyURhAkM
Шпагралка CSS background -
Метод "IBG" -
Справочник типов файлов -
Содержание: 00:00 - Вступление 01:10 - Метод max-width 06:23 - CSS object-fit и object-position 14:13 - HTML тег picture Получить доступ к плюшкам + поддержать канал:
Telegram канал:
(
Telegram чат по верстке:
(
Facebook: https://www.facebook.com/freelancerlifestyle
Instagram: https://www.instagram.com/freelancer.lifestyle
Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
Живи, а работай в свободное время! ©