Srcset
Code (pretend the [ and ] are the appropriate angly bits):
[img alt="@srcset experiments" src="srcset_base.gif" srcset="srcset_2x.gif 2x, srcset_768w.gif 768w, srcset_768w_2x.gif 768w 2x, srcset_1024w.gif 1024w, srcset_1024w_2x.gif 1024w 2x" style="display:block;margin:1em auto;border:2px solid #000;"]
Alternate code, verify browser attributes:
Added Sept-19-2013:
- This page offered by Coast as one that works, but it uses a polyfill: http://eightmedia.github.io/yass.js/demo/
- I copied that page and dropped the YASS.js and Modernizr script (since I don't know how to make Coast surf with JS disabled), and it doesn't work in Coast: /files/Prototype/YASS-JS_noJS.html
- Now if I add YASS.JS and Modernizr to my page (with no other changes), the
srcset
works: /files/Prototype/srcset_YASS.html