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