how many sources do devs use for responsive images?

After speaking to Dave Rupert on twitter about how many sources people will declare for responsive images, I did a quick investigation based on picturefill. Here is what I found - the number next to the url represents the number of "sources" declared.  

compete.com 1 - uses (min-width: 600px) 
dribble.com 2 - checks on DPR
cato.org 2 - uses <picture> and (min-width: 0px)! 
wendys.com 2 - uses (min-width: 720px)
evernote.com 2 - uses -webkit-dpr
usanetwork.com 6 - uses (min-width: 960px) and (min-device-pixel-ratio: 2.0)
animoto.com 6 - uses (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (max-width: 767px) and (min-resolution: 144dpi), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5)
lorealparisusa.com 5 - uses -webkit-min-device-pixel-ratio: 1.1, (min-width: 48em), etc. 
netmoms.de 2 - uses (min-device-pixel-ratio: 2.0) and (-webkit-min-device-pixel-ratio: 2.0)
weforum.org 3 - (min-device-pixel-ratio: 2.0), (min-device-pixel-ratio: 1.5)



-- 
Marcos Caceres

Received on Tuesday, 15 October 2013 20:53:58 UTC