The End of Mobile Portland
In December 2007, Lyza, Aileen, John and I decided to start Mobile Portland so we would have place to talk about mobile. After eight years, Mobile Portland is coming to an end. Tonight is the…
You appear to be offline, some content may be unavailable.
In December 2007, Lyza, Aileen, John and I decided to start Mobile Portland so we would have place to talk about mobile. After eight years, Mobile Portland is coming to an end. Tonight is the…
When we last left our intrepid web developers, they had discovered the power of srcset width descriptors, only to be faced with a new challenge—the browser only knows the size of the viewport when it…
In Part 3, we looked at display density descriptors and concluded that they are great for fixed width images, but are insufficient for flexible images. Flexible images is where srcset’s width descriptors shine. Width…
Ever since Apple launched a retina display on the iPhone 4, web designers have been looking for a way to handle high density displays. That is where srcset and its display density descriptors come in.
One of the main reasons why we need solutions for responsive images is because the <img> element is insufficient. It only has one src and we need multiple sources. Given that fact, it may be…
Over the last few years, we’ve written a quite a few articles about responsive images. Now that responsive images have landed in browsers, it seemed like a good time to step back and…
Hero images present unique challenges for responsive designs. During a recent responsive images audit, we found a unique solution which I wanted to share. What are hero images? Until a couple years ago, I…
When you start incorporating the new responsive images standards across your site, the task can seem daunting. How do you know which standards to use and where? How will you maintain the new markup…
Responsive images have landed in Chrome and Opera. They are in development for Firefox and Webkit. They are under consideration for Internet Explorer. This is an amazing accomplishment. To get here, the following happened including…
I wrote recently about why you shouldn’t use <picture> for responsive images most of the time. In short, my argument is that most responsive images fall under the resolution switching use case and…