Introduction to iPad development

Conventional web design techniques do not always work as expected on tablet devices. The main difference between a tablet and a desktop/laptop interface is that there is not a mouse. No longer are mouseover, mouseout, dragenter etc. as relevant.Instead tablet users predominantly use the following actions: click, scroll, zoom, swipe. Some of these actions can be implemented through standard javascript events such as 'Click' whilst others may need to use propriatry events relevant to the specific tablet. This article aims to outline simple issues that we have come across when porting our customers websites to the tablet area.

Please note:

Our example javascript may use Mootools functions
We prefer code which is consistent across multiple scenarios, where possible we will avoid feature and device detection. If you are looking for techniques for a pure tablet implementation than perhaps this article isn't ideal for you, but it is still worth taking a look as it might be helpfull.
This article is meant to be a reference, not a tutorial for newbies (sorry!). As a result you may find the solutions are not explained in a lot of depth. But if you are competent at HTML,CSS and javascript you should find this a quick reference to fixing an issue when you do not have time to read over exhaustive articles.