Using Responsive Images (Now)

The Responsive Issues Community Group (RICG) have been working on a solution for serving responsive images across a wide range of devices with varying pixel densities. The solution is getting implemented across all major browsers but we can start using responsive images today…

Responsive Images in Practice

62% of the weight of the web is images and that’s growing every day. On small or low-resolution screens, most of that data is waste. This article by Eric Portis gives you the low down on how you can do your part for making the web faster…

Responsive Images: If you’re just changing resolutions, use srcset

If you’re implementing responsive images (different images in HTML for different situations) and all you are doing is switching between different versions of the same image (the vast majority of usage), all you need is the srcset attribute on the img tag…

Native Responsive Images

Responsive images have been a pain point when developing responsive websites for quite some time. Now, finally, a native solution is getting close. You can start using it today…

Flexible CSS cover images

The source image is cropped, and below specific maximum dimensions it’s displayed at a predetermined aspect ratio. This post describes the implementation…

Responsive background images with fixed or fluid aspect ratios

Describes a technique to scale background images in responsive layouts…

Rundown of Handling Flexible Media

A useful CSS coding reference reference for images and videos in responsive designs…