Designing styles for smartphones
Posted Nov 12, 2004 at 10:46 PM
Thoughts on designing web pages for viewing on Windows Mobile smartphones, like the Audiovox SMT 5600 phone I just picked up today.
So I got a new cell phone today, an Audiovox SMT 5600 smartphone. Of course, having a new phone and an unlimited data plan in addition to having a web site can mean only one thing: an investgation of what it takes to make my site work well on the new device, especially given the significantly different form factor. This post discusses what I have learned.
A good start
A couple of searches and I find just what I’m looking for: a test page for the handheld media type that can be used when linking to stylesheets. Firing up this page in a PC browser shows that this media type is not applied, which is great. Now the big test. 5 minutes to enter this URL using the phone’s keypad, and… success! All four of the tests are applied using my smartphone. Cool!
Binding handheld-specific styles
Here is the HTML for the different style bindings that work as expected:
<style type="text/css" media="handheld">#handheld .style{color: #0f0;background-color: #0f0;}</style><style type="text/css">@import url("importhandheld.css") handheld;</style><link rel="stylesheet" type="text/css" media="handheld" href="linkhandheld.css" />- Download this code: /code/smartphone_styling_01.html
About this page
This page contains a single post from Daniel Boerner's blog, of which Boot Camp + Windows Vista = no more Airport Extreme reboots is the latest post.
Are there more posts like this one?
Possibly. Within this blog, this post is categorized under webdev and it was posted on November 12, 2004. Those would be good places to start looking for related posts.
This post is closed to new comments.