(Lynda.com) CSS Отзывчивые изображения / Responsive Images

(Lynda.com) CSS Отзывчивые изображения / Responsive Images

Responsive Images
Отзывчивые изображения
Lynda.com
Автор: Morten Rand-Hendriksen​

Продолжительность: 1 ч 22 мин
Дата выхода: 5 июня 2015

Описание: ( translate.google.com )
Отзывчивый изображения являются следующим этапом эволюции в веб-дизайне. Узнайте, как реализовать их сегодня, с этих реальных сценариев практики лучших для реализации отзывчивые изображения в производственных участков. Morten Rand-Hendriksen объясняет, что отзывчивые изображения и как они работают, и как использовать polyfill Picturefill JavaScript, чтобы ответные изображений, для работы в браузерах, которые еще не поддерживают их. Затем изучить два основных типа реагирующих изображений (используя <IMG> тег с srcset и ж и новой <picture> тега), и работать с производственными готовые примеры кода в окне практики, чтобы получить практический опыт внедрения.

Темы:
Как работают отзывчивые изображения
Добавление Picturefill на ваш сайт
Превращаем обычные изображения в необычные отзывчивые
Использование элемента <picture
Определение точек останова и изменение макета
Использование элемента <picture> для откаты типа изображения