View Full Version : Building mobile friendly websites

03-23-2008, 09:52 AM
I'm just realizing that it's becoming more and more important to think about mobile devices and browsers when building your website.

My questions are:

Is there anything special necessary when building your site to consider for mobile devices?

When trying to build your website on your desktop/notebook, how can you imitate a mobile display to view how the site is rendered on the mobile device? (Especially since I don't own one).

Should you build a site version capable of viewing on an extremely small screen? If so - how would you steer the device to this build?

Any discussion on these questions would be extremely helpful!



03-23-2008, 05:22 PM
There's two things you can use for mobile viewers.
The better one is using CSS media types, that way they stay on the same page and have the same content.

The other one is made specifically for mobile browsing, and is a XML code. It's WML. Although you will need to have your server set to redirect WAP devices to go there, and it's a bit limited on what you can make with it.

03-25-2008, 06:07 PM
Thanks for your reply - I really appreciate the info.


03-25-2008, 06:49 PM
There are a lot of sources about developing websites for mobile devices, you just have to use a search engine.

It’s not just using different media types, though, you have to write proper HTML in general and keep documents small for low bandwidth. Basically it’s not different from developing regular websites (because it’s only different styles you serve, not differnet content): use clean, semantic HTML and in this case more than ever keep progressive enhancement (http://en.wikipedia.org/wiki/Progressive_enhancement) in mind. Develop your site so it works with the simplest devices (i.e. no styles, no JavaScript, no Flash), and add enhancements for those devices that support them.

Then, to test those sites you can use Device Central (http://adobe.com/products/creativesuite/devicecentral/) (comes only with another Adobe CS product) which simulates many different devices. Or, you can use a web service like http://ready.mobi/launch.jsp?locale=en_EN . These are a little limited but they give you an idea.

There are also good articles on developing websites for the iPhone (http://codingforums.com/showthread.php?p=665292#post665292). That’s a little different than other devices.