Lately I have noticed in my websites stats that a few of the visitors have accessed my site using their mobile phones(namely Nokia 3660 & 3650). This was quite startling for me.
My website happens to a blog which is updated about 10 to 12 times a day couple of flash games, jokes posted apart from general interest news. I would like to know how do I make sure that my website is *mobile* compatible. How do I build websites for mobile phones and more importantly how do I test them. I would like to know of cell phone emulators which will allow me to test my sites on them so that I know how they will *look* when viewed via a mobile phone.
Eagerly awaiting your replies. Thanks for the same. Bye.
I use the Openwave Phone Simulator [developer.openwave.com], downloaded to my PC. It's a complete mobile phone simulator with support for mobile browsing using WAP and WAP 2.0/XHTML. I like it better than the web-based simulators, which are more or less just hacks.
You can style your web site for mobile phones and other handheld devices by creating a css stylesheet for handheld media. <link rel='stylesheet' media='handheld' type='text/css' href='...' />
Many mobile phones have a screen width of 176 pixels, but this varies and you should make your stylesheet so that the content adapts to the width of the screen.
The Opera web browser is a popular web browser for mobile phones. The desktop versions include the Small Screen Rendering technology Opera use to show web sites without a stylesheet for handheld devices. You can activate this feature by selecting "Small Screen" from the View menu or by pressing Shift+F11. This way you can see what your current website look like on phones running the Opera web browser.
I am thinking about porting my application for PDA/Phone display, and I'd like to see some screens that others have done for layout ideas - I can do that easilly of course for normal web design - but I've never really seen any screens specifically designed for these devices - anyone know where any are 'showcased'?