Relevant resources

This page captures relevant blog posts, email threads, etc.

Specs

• The srcset attribute - An HTML extension for adaptive images
• Client Hints

Presentations

• Responsible Responsive Images, Mat Marquis - Mobilism 2013.
• Responding to the New High-Resolution Web Considerations for High-Density Displays, by Adam Bradley
• Designing the Hi-DPI Web, by David Demaree
  • v1 - Presented at ChicagoWebConf in October
  • v1.1 - Presented at an Adobe TechWednesday session in December
• Mo’ Pixels Mo’ Problems, Presented by Dave Rupert at Artifact Conference
• Seeing the world through High DPI, Slides Presented by Pete LePage and John Mellor at Google I/O 2013
• Adaptive Images, Matt Wilcox - re-recording of Standards.Next talk, 2012. Covers many approaches in addition to the Adaptive Images method.
• Mobile First Responsive Web Design Slides | Video, Jason Grigsby - contains a good chunk on responsive images

Articles

• Imágenes responsive con Picturefill
• Images - Responsive News
• Responsive Images: How they Almost Worked and What We Need
• high dpi images for variable pixel densities
• Why We Need Responsive Images
• Ughck. Images.
• Mo’ Pixels Mo’ Problems
• Making responsive images work
• [Responsive Images] (http://jtudsbury.com/thoughts/responsive-images.php)
• Keeping The Big Small: How To Avoid Duplicate Downloads In Responsive Images
• Responsive images: picturefill type attribute
• Jason Grigsby's blog series on the responsive images problem and current solutions part I,part II,part III
• The Pixel Density Explosion
• Notes on Adaptive Images yet again!
• Why HTML5 urgently needs an HTML adaptive images mechanism
• The State of Responsive Images
• The Road to Responsive Images
• Responsive Images and Web Standards at the Turning Point
• Responsive images – interim report
• Responsive images: what's the problem, and how do we fix it? - Dev.Opera article from 2012
• Sensible jumps in responsive images file sizes
• 8 guidelines and 1 rule for responsive images
• What a holy grail image format would mean for the pre-parser
• How do you pick responsive image breakpoints?
• The real conflict between and srcset
• A framework for discussing responsive images solutions

Use cases

• Art direction

Pro picture

• [Responsive images: what's the problem, and how do we fix it?] (http://dev.opera.com/articles/view/responsive-images-problem/) NOTE: This article is not pro anything. It's an overview of multiple techniques.

Against picture

• Media Queries Can't Be Used for Resolution Negotiation
• Implementation complexity with elements vs an attribute (responsive images)

Alternatives or relevant

• Media Queries are a Hack
• Using Progressive JPEGs as a responsive image format
• A fetching mechanism for a responsive image format
• Highly compressed retina images
• We don't need bandwidth Media Queries

Relevant WHATWG bugs

• Consider adding an adaptive image element

Relevant email threads

• whatwg The element
• whatwg for responsive bitmapped content images
• The image-set() function
• Features for responsive design
• Media queries, viewport dim
• June 2012 public-html Email Thread
• July 2012 public-html Email Thread