General information on developing HTML Assets

HTML development needs to be targeted to the client’s mobile device version. If a client is using iPad2, all HTML development needs to be conducted and verified on an iPad2 to ensure backward compatibility.

HTML5/CSS3 should be used to code HTML assets. It allows to use inbuilt browser features for certain functionalities/effects rather than relying on images/JavaScript and other tricks.

Example: 

To make rounded corners on a container for older browsers, images of (usually) four corners would have to be created. The use of CSS3 in assets, allows the browser to take care of it and there is no need to load images into memory etc.

The general rule is, to keep assets as ‘light’ as possible and use CSS3/HTML5 wherever possible. It is recommended to use jQuery to simplify the development, but avoidance of ‘heavy’ libraries, that will animate elements, create sliders, round corners or similar via JavaScript.

NOTE: HTML files are treated as local files file://...(Instead of http://...) and there are other rules e.g. cookies don’t work, so HTML5 localStorage has to be used.

Always test your asset on a device. Just because it works in Safari on the desktop may not imply it works on the device.