Chapter 9: Responsive Images

Designs will always be epic, iconic, and awe-inspiring. However, when thinking about the medium that users will be viewing your design on, it may be best to save some of that awe into the details and content delivery speed.

Using images that work on a variety of devices can be a handful; luckily, you can now start using some techniques and solutions to take your design into the future.

Download Code

Code samples for this chapter include HTML, CSS, images, and JavaScript to demonstrate various ways of handling responsive images. Note that for the example code to work it must be running on a webserver and not double-clicked to open in a browser.