Sunday, January 2, 2011
Tablet and Mobile Device Suport
This website renders fine on PC browsers, but navigation has some quirks for tablet and mobile devices. I'm testing this only on iPad and iPhone4 but the general navigation and control principles should apply to all. The first problem is the absence of mouseover events in iPad/iPhone, so I changed the navigation to initiate animated dropdown display with onclick event. Secondly, clicks are performed using a finger which has bigger surface area than mouse, increased the font size for tablets so solve this problem. The iPhone screen is much smaller so need to change font for body text and re-format text descriptions. Try accessing the site on iPad or iPhone and it will set the correct viewport and override the CSS with the same content and format.

-- Baldeep Hira