O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Interchange

As a responsive toolkit, Foundation is based on the fact that by default all devices load the same content, and the only difference from one device to another is how the content is displayed. As one of the newest plugins, Interchange is designed for selective loading.

Instead of loading large resolution images to all the devices, you can load an image specific to a device. Especially on small devices, where users may be sensitive to bandwidth and processor performance, this makes it easier to optimize your web pages for those devices.

The setup is straightforward. Set an image in your src attribute as you normally would. Then add a data-interchange attribute where you specify alternate images and the conditions on which they will be ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required