Follow Us

We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message

How to make your website display properly on iPhone and Android

Make sure your site works for mobiles

Article comments

You've long held off, but it's now time, even past time: You need to make your website mobile. Between what you see in the news and what your site logs reveal, it's clear that the number of people surfing the web from their mobile devices is growing by the day. Here are a few tips to help your site (and you) get up to speed in this new mobile world.

Addressing the device proliferation challenge

If you start off by panicking about all the cell phones you (and your family and your friends and your coworkers) have had over the years, and then ask yourself how you're going to support all those mobile OSes and models, rest easy.

The truth is that while mobile browsing is growing by the minute, virtually all that growth is from just a few devices, mainly those running Apple's iOS (iPhone, iPod Touch, and iPad) and Google's Android (used by HTC, Motorola, Samsung, and others in a bunch of models).

Related Articles on Techworld

Here's the proof: Quantcast's August data showed iPhone and iPod Touch together claim 56 percent, Android devices 23 percent, and RIM BlackBerry 10 percent. AdMob, which focuses on sites with ads, found similar results in its May survey PDF: iPhones accounted for 54 percent of usage (it doesn't track iPod Touches or iPads), Android devices for 33 percent and BlackBerry for just 7 percent.

The good news: The popular Apple and Android devices' browsers run on WebKit, the open source rendering engine, as do the less-popular WebOS-based Palm Pre and Pixi and the new RIM BlackBerry Torch.

The bad news: These devices come in all sorts of screen dimensions, as the table below shows. 

Platform

Device

Screen dimensions

Android

HTC Tattoo, HTC Wildfire

240 × 320

 

HTC Aria, HTC Hero, HTC Legend

320 × 480

 

Google Nexus One, HTC Desire, HTC Evo, HTC Droid Incredible, Samsung Galaxy S

480 × 800

 

Motorola Droid, Motorola Droid X, Motorola Droid 2

480 × 854

BlackBerry OS 6

BlackBerry Torch 9800

360 × 480

iOS

Apple iPhone 3G/3G S, iPod Touch

320 × 480

 

Apple iPhone 4

640 × 960

 

Apple iPad

768 × 1,024

WebOS

Palm Pixi

320 × 400

 

Palm Pre

320 × 480

The really bad news: Although all of these browsers run on WebKit, all of them run WebKit just a little differently. Peter-Paul Koch of QuirksMode ran 19 WebKit-based browsers through 27 tests and described the results as "thinly veiled chaos."


Share:

More from Techworld

More relevant IT news

Comments

bobe2 said: Well thought out however out of date and innappropriate

Aman said: What a ridiculous article From the title I though there would be actual content rather than hand wavy jibber jabber



Send to a friend

Email this article to a friend or colleague:

PLEASE NOTE: Your name is used only to let the recipient know who sent the story, and in case of transmission error. Both your name and the recipient's name and address will not be used for any other purpose.

Techworld White Papers

Choose – and Choose Wisely – the Right MSP for Your SMB

End users need a technology partner that provides transparency, enables productivity, delivers...

Download Whitepaper

10 Effective Habits of Indispensable IT Departments

It’s no secret that responsibilities are growing while budgets continue to shrink. Download this...

Download Whitepaper

Gartner Magic Quadrant for Enterprise Information Archiving

Enterprise information archiving is contributing to organisational needs for e-discovery and...

Download Whitepaper

Advancing the state of virtualised backups

Dell Software’s vRanger is a veteran of the virtualisation specific backup market. It was the...

Download Whitepaper

Techworld UK - Technology - Business

Innovation, productivity, agility and profit

Watch this on demand webinar which explores IT innovation, managed print services and business agility.

Techworld Mobile Site

Access Techworld's content on the move

Get the latest news, product reviews and downloads on your mobile device with Techworld's mobile site.

Find out more...

From Wow to How : Making mobile and cloud work for you

On demand Biztech Briefing - Learn how to effectively deliver mobile work styles and cloud services together.

Watch now...

Site Map

* *