XHTML Basic, mobile web, and another emulator

I was quite surprised by the traffic spike I got from my last post asking if your site can be viewed in a mobile phone, and even though only one person commented, it seems that a lot of web developers or mobile phone users might actually be interested in making sure their website is capable of being viewed on the screen of a portable device like a mobile phone or pda.

So, yesterday I did some research into XHTML Basic, which seems to be the new standard. Crucially its very similar to regular XHTML, but it has its own doctype, although I believe that any xhtml doctype might still work with most mobile browsers. Also, every device seems to render pages differently, and I’m suspecting the issue of cross-browser compatibility for mobiles might strain template designers even more than the ever present FF/IE debate.

Emulators
Yospace phone emulators, phones from all major manufacturers
XHTML emulator using Nokia N70 or Sony K750
i-mode emulator using either Japanese or European mobile

So far it seems that my site is visible, and can be navigated around using all of the popular modern phones, but it doesn’t look pretty, and frankly I think a couple of things need to be sorted out quite urgently. I really need to implement some skip to links, and secondly, my categories and tags are a mess when you don’t see the page in context. Up till now I’ve been happily adding entries to my categories assuming that site visitors will understand what they mean, but I realised that in fact they are not all that intuitive when viewed separately.

More disappointing is what the various browsers leave out or ignore because they don’t render the stylesheet correctly. I noticed that for example the Nokia N70 emulator at Yospace tried to interpret the page and tried to place my navigation menu at the top of the page before the entries yet the links didn’t work, and the categories links failed to display, but then using the same emulator to view the html page (its a link that appears at the very bottom of the emulator screen), those links now work as expected.

So, here’s a request to anyone who has a mobile phone with Internet access. Do me a favour and view my site on your mobile’s screen, then comment below and let me know if anything is missing. If your mobile device renders the page correctly (or even if it just displays the content then the sidebars correctly) let me know.

My Comment Form

Comment Policy: Thank you for reading my blog, and I ask if you like an article please click the Facebook like, or leave a comment.

This will help me improve my blog and give me the motivation to write even more articles that you might find interesting, or create more HTML templates, or even offer advice on writing your own blog.

If you leave a comment please stay on topic and contribute to the discussion. Comments that are spammy or not on topic will be deleted without warning.

Oh one more thing, if you want a photo to show with your comment, go get a gravatar.