O'Reilly logo

Smashing Book 5: Real-Life Responsive Web Design by Smashing Magazine

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

Responsive Images

By Yoav Weiss

Almost from its very beginning, responsive web design has had one thorny issue that has proved extremely difficult to get right: responsive images.

In this chapter, we will discuss the different responsive images use cases and what native solutions we may need to create performant responsive websites. We will also look at ways to make these solutions easier to deploy and maintain.

But first, let’s take a walk down memory lane, and see how we got here.

How It All Began

Our story starts in ancient times, when WURFLs roamed the wilderness and mobile-only websites were a thing. Back in these pre-2007 days, a developer who wanted to provide mobile users with access to their website created a simpler, dumbed-down version of ...

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