|
« Google Library Project: concerns raised |
Main
| Mobisodes: the new mobile marketing »
December 20, 2004
Designing for mobiles
Mobile devices are hot - a hot topic for the future of information. As reported before Mobile devices: 1.5 billion subscriptions in 2004, the figures suggest that being able to cater for mobile device users is going to be an incredibly imporant marketing concern.
But how do you design for this market, when you have to work to screen resolutions that make 800x600 seem huge by comparison?
Stop Design offer a useful primer on the issue, in Targeting Small Screens, where he makes a suggestion:
What if we started by applying a very basic style sheet as both screen and handheld media types. The basic style sheet would only apply simple rules for color, typography, link treatment, and simple list styling. No complex floated columns or absolute positioning. This style sheet would take care of all CSS-supporting devices, whether or not they support the handheld media type.
Then, we use JavaScript to detect wider browser widths �\ those that might typically imply a desktop browser. If JavaScript is supported, and a wide width is detected (say 620px or greater �\ or maybe even 750 if your design only works at 750 or greater), then we assume not only a desktop browser, but that enough window real estate exists to render a multi-column design as intended. In this case, we add the main style sheet that divides the page into our standard multi-column layout. Browsers that either don�ft support JavaScript (or where it�fs been disabled) or browsers that don�ft report wide enough screen size only get the basic style sheet.
Posted by at December 20, 2004 10:17 PM
> Discuss this in the Platinax Business forums
|
