WebKit App for Android / iPhone

A quick look:

• There are two externally loaded JavaScript files: one for the jQuery library and one for helper functions for the application.
• The use of the viewport metatag to adjust the content's rendering scale.
• A primary stylesheet is loaded: main.css.
• The userAgent is interrogated to determine which additional stylesheet to load: one for iPhone, one for Android, and one for Desktop.
• When the page is loaded, the data is displayed through the help of jQuery and a helper function in the helper.js file.
• The balance of the page contains a couple of div tags.

viewport metatag:

<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />