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

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