Current users, polyfills, prototypes, and implementations

This page contains links to polyfills, prototypes, and reference implementations of the proposed spec.

Picture Polyfills

• x-picture A Polymer implementation of the proposed picture element utilizing florians compromise.

• Scott Jehl’s Picturefill closely matches the proposed syntax, albeit using div elements in order to be used today.

• David Newton's Picturefill fork's Scott's and add's SVG support.

• Pickyfill adds offline support to the picture pattern.

• [ Respondu ] (https://github.com/davidmarkclements/Respondu) allows use of actual picture tags, works in all modern browsers and IE7+

• srcset polyfill by Odin

• responsImg

Assorted “Responsive Images” Polyfills

• Which Responsive Image Technique Should You Use?
• Responsive Images - In Depth Look at Techniques
• HiSrc
• Responsive Enhance
• Source shuffling - responsive images based on media queries
• Focal Point
• ImageResizer
• ResponsivePresets
• Capturing
• Clown Car Technique for Responsive Images, using SVG
• adaptImages.js
• Adaptive Images
• Responsive Images
• Responsive Images Alt
• Foresight.js
• src.sencha.io
• riloadr
• rwdImages
• Retina.js
• Content Aware Resizing
• Doubletake
• Responsive Images with PHP and jQuery
• Responsive Images with Cookies
• Testing Responsive Images
• Creating responsive images using the noscript tag
• Responsive Images and TinySRC (Now Sencha.IO)
• Responsive Images Right Now
• Responsive context aware images without cookies or server logic
• WURFL Server Side Responsive Images

Prototypes

Coming soon.

Reference implementations

Coming soon.

Currently using the proposed pattern

• Microsoft (Using div-based Picturefill)
• Dribbble (Using div-based Picturefill)
• Drupal 8 Core (Using the proposed markup)
• New York Magazine (Using div-based Picturefill)