We wrote a script to detect Retina enabled displays and serve higher resolution image assets.
We wrote this to provide a simple way to backup our Rackspace server accounts to an Amazon S3 server.
We created this payment processor plugin for the Paypal Pro API for use within the Virtuemart E-Commerce system.
Retina Graphics Conversion
Concerned about how your beautifully designed website will look on the new Apple retina displays?
We were too.
To help solve, we developed a script that detects retina displays and swaps out images (and background images) with their @2X counter parts. While this won't save you from making two versions of each graphic, it will serve the higher resolution version to the retina enabled displays and standard resolution to others.
As far as the coding goes, just a few simple steps....
1. Link to the latest version of jQuery.
2. Include our retina jQuery plugin.
3. Add simple jQuery function that specifies what element to convert.
5. Add a @2x file to the same directory that your standard resolution file is in. For example, if test.jpg was 100px x 100px you would upload a file called firstname.lastname@example.org to the same directory that was 200px x 200px.