Since its launch in 2010, the iPad has taken the world by storm. It soon became clear that people are choosing to browse the web more and more with their iPad. But what does this mean for web development? Creating a website for an iPad isn’t the same as creating a website for a regular sized computer (even if an iPad has a similar screen size), nor is it the same as creating a website for an iPhone or other smartphone device. Web development has to change and this is how:
- redirection: Implementing a “user agent string” when looking at web development for the iPad is very useful, since you have a “device discovery script” on your server. This code, when selecting the device used online, will redirect mobile phones and iPads to a more user-friendly website.
- flash: Unfortunately, trying to integrate Flash into your iPad compatible website will not be in vain, as iPads do not support Flash systems.
- touch screen: Always keeping this common feature in mind when doing web development for an iPad compatible website is essential to its success. Developers need to make sure there is enough “blank space” between links to reduce the chance of accidentally clicking on the wrong link. They also have to make sure that the buttons themselves are big enough to press.
One of the most important web development lessons learned thanks to the introduction and popularity of the iPad is that just because a website is iPhone-friendly doesn’t mean it’s going to be the same for the iPad. It is always better to develop a whole new website to redirect iPads to.