High resolution retina Apple icon added to make Build a Module look like a real iPhone app!

Today I added a nice high-res Appple icon so that iPhones, iPads and iPod Touches can have a nice little faux app icon on their home screen. Check it out:

Build a Module iPhone App

The only reason I know this is possible is because I checked out the Drupal watchdog table to see what kind of 404 page not founds and PHP errors I might be inflicting on unsuspecting viewers and discovered multiple requests for a file called apple-touch-icon.png. Sure enough, as I found out here, there's a Add to Home Screen option in Mobile Safari, and it looks for this image to use as the app icon.

I first tried a 52x52px version, but it looked pretty grainy on my iPod Touch 4 retina display, so I created a 119x119px version and that's much more clean.

To make Build a Module ultra accessible on your iDevice, just do the following:

  1. Open up http://buildamodule.com in Mobile Safari.
  2. Touch the Add bookmark icon to open up the bookmark options.
  3. Touch the Add to Home Screen button
  4. By default, the title is Learn Drupal, but you can change this to something like Become Awesome.

That's it! Now you have the official Build a Module faux iPhone app at your fingertips wherever you go.


Loading...