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" />