Chapter 5: Responsive Images and Video

The exchange of text-based content brought the web into existence, but images and other rich media have kept it evolving and made it what we all know/love/dislike.

Options for making images responsive has developed rapidly in recent years, with the ability to load images perfectly suited to users’ devices. And the addition of new HTML elements like video has opened up new options for responsive design. It’s fresh territory, but with pitfalls, compromises, and new techniques to learn. So let’s get going!

Images

Images are a powerful communication device, portraying a message, intent, explanation, and bringing life to your web pages.

Images have also been a constant source of anguish for designers (web and ...

Get Jump Start Responsive Web Design, 2nd Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.