Articles by Jason, Page 10

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…

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…

Now that responsive images have landed in Chrome and Opera, I’ve started working on a flowchart to help people decide how to use these new features. This work led me to wonder what…

Responsive images are landing soon and many organizations are looking for ways to resize images. Thankfully, there are a number of startups, established companies, and open source solutions for image optimization. I’ve pulled together…

Browser support for the picture specification is landing and as Marcos Cáceres said, it is time to “go forth and <picture> all the things!” Except you shouldn’t. You shouldn’t <picture> all the things.

Last year, I wrote 8 Guidelines and 1 Rule for Responsive Images based on some consulting work we had done for a client with over 800,000 images on their site. In preparation for…