Via Mobile Web

Going Mobile

Although surfing the web with a mobile device is like trying to surf small, mushy waves with a gun (or surfing large, hollow tubes with an egg), the fact that it is getting so popular should raise a few eyebrows to web surfers, web designers and web developers.

Setting up for all devices is matter of creating redirects based on what device is being used by the web surfer.

Since the mobile web can take full advantage of displaying code written with html, css and Javascript, adopting a plan to create various templates based on these credentials is an obvious starting point.

For database driven websites, you can utilize php / mySQL since the browser output will interpret the code to html, css and Javascript.

The codes to create redirecting based on screen size is:

Since some users (a tiny minority) may disable Javascript, you can always add a meta tag within a noscript tag to redirect the user if they do not have Javascript enabled. Here is the code:

At this point, you have 3 options:
1) Create a single mobile version that is the perfect size in a device like the iphone, but needs scrolling in other devices.
2) Create one small version that is viewable in all deveices with a screen less tghan 300px.
3) Create various sizes for various devices.

June 17, 2011 by kent