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

У вашего броузера проблема в совместимости с HTML5

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. Продолжаем изучать работу с изображениями и сегодня поговорим о важной теме - адаптив изображений. Изучим CSS свойства object-fit и object-position и HTML теги picture и source. Рассмотрим практические примеры правильного адаптива картинок в разных ситуациях.

Файлы урока - http://fls.guru/files/tutorials/images.zip

Содержание:

• 00:00 - Вступление
• 01:10 - Метод max-width
• 06:23 - CSS object-fit и object-position
• 14:13 - HTML тег picture

- Форматы изображений для веб-разработки - https://youtu.be/YHV35GiXA-w
- Урок CSS background - https://www.youtube.com/watch?v=8sHgyURhAkM
- Шпагралка CSS background - http://fls.guru/cssbackground.html
- Метод "IBG" - http://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