Re: how many sources do devs use for responsive images?

Thanks, Marco

Actually, this data may be useful for a project I'm working on


2013/10/15 Marcos Caceres <marcos@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 Friday, 18 October 2013 09:53:17 UTC