Mobile Internet Standards

I wrote a post the other day about the increasing use of mobile Internet and said that standards were in a mess currently. I have to take this back to a certain extent after I decided to investigate exactly how I could start developing for a mobile audience.

Standards have existed for some time and it’s more the case that the number of different browsers and screen resolutions available make things a little tricky for a web developer. However if you are following best practice for standard websites the leap to mobile shouldn’t be too painful.

Generally speaking developing for XHTML Basic 1.1 which is the basic standard level of supported by browsers at present is your starting point. Anyone using XHTML will find it easy to adapt to with just a few limitations. There is also a subset of CSS called Wireless CSS that can be used. Making sure you avoid objects such as flash, client-side scripts and also limiting images to maximum width of 120 pixels (to allow for the smallest screens) should make sure you get a success on a wide range of devices. Otherwise it’s just best practice - no table layouts, use accesskeys (0-9 work well on mobiles) and make sure your site structure is concise - people want to find things even quicker on mobiles and can easily get lost. It’s recommended to keep links to a maximum of 10 per page.

So go forth and dot mobi with the following guide as an excellent starting point.

Dot Mobi - Mobile Web Developers Guide.