W3C home > Mailing lists > Public > public-respimg@w3.org > October 2013

how many sources do devs use for responsive images?

From: Marcos Caceres <marcos@marcosc.com>
Date: Tue, 15 Oct 2013 21:53:40 +0100
To: public-respimg@w3.org
Message-ID: <D99438F39E35417C8955C0997C1D5D4F@marcosc.com>
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

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:12:40 UTC