Clowncar images that support "retina" displays
PHP
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
1300x976.jpg
300x225.jpg
650x448.jpg
952x715.jpg
LICENSE
README.md
index.php

README.md

clowncar-retina

This builds upon the clown car tecnique put forth by Estelle and Smashing Magazine.

Just other media queries (max-width, min-width, etc) it's possible to use -webkit-max/max-device-pixel-ratio and min/max-resolution to make the SVG 'retina' aware.

See the hard-coded demo page for a very simple example. The included php page uses a few helper functions to make outputting the URLencoded data-uri easier to mainuplate in development.