Lynda - Responsive Images

Size: 452MB | Duration: 1h 22m | Video: AVC (.mp4) 1280x720 15fps | Audio: AAC 48KHz 2ch

Genre: eLearning | Level: Intermediate | Language: English

Responsive images are the next evolution in web design. Learn how to implement them today, with these real-life best practice scenarios for implementing responsive images in production sites. Morten Rand-Hendriksen explains what responsive images are and how they work, and how to use the Picturefill JavaScript polyfill to get responsive images to work in browsers that do not yet support them. Then explore the two main types of responsive images (using the tag with srcset and w and the new tag), and work with the production-ready code examples in the practice window to get hands-on implementation experience.

Topics include:

* How responsive images work

* Adding Picturefill to your site

* Making regular images responsive

* Using the element

* Identifying breakpoints and layout changes

* Using the elements for image type fallbacks