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

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. Продолжаем изучать работу с изображениями и сегодня поговорим о важной теме - адаптив изображений. Изучим CSS свойства object-fit и object-position и HTML теги picture и source. Рассмотрим практические примеры правильного адаптива картинок в разных ситуациях. Файлы урока - https://fls.guru/files/tutorials/images.zip Форматы изображений для веб-разработки - https://youtu.be/YHV35GiXA-w Урок CSS background - https://www.youtube.com/watch?v=8sHgyURhAkM Шпагралка CSS background - https://fls.guru/cssbackground.html Метод "IBG" - https://fls.guru/ibg.html Справочник типов файлов - https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_MIME-%D1%82%D0%B8%D0%BF%D0%BE%D0%B2 Содержание: 00:00 - Вступление 01:10 - Метод max-width 06:23 - CSS object-fit и object-position 14:13 - HTML тег picture Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) Facebook: https://www.facebook.com/freelancerlifestyle Instagram: https://www.instagram.com/freelancer.lifestyle Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle Живи, а работай в свободное время! ©