Styling for Mobile devices (cell phones, some PDAs, etc) can be accomplished in much the same way as you can customize the style for printed pages.
The only difference between the two is that instead of using a media type of “print”, you’ll use a media type of “handheld”.
User agents (web browsers) decide which CSS media type to use based on what they are doing. Much like the “print” media type is used by browsers whenever they print a document, the “handheld” media type is used by many different small-screen browsers, when present.
One of the things you might consider doing for small screens, is, for example, hiding the sidebars and other elements that are not text. Or, if you use a fixed width page, you’ll probably want to eliminate that fixed width restriction, and perhaps make the blog entirely simple text format, allowing it to wrap properly on small screens.
If you lack a small screen web device to use, there are emulators available that can view your site in this mode. The Opera Mini Emulator can view your site, although the Opera Mini Beta Simulator is much easier to use.
This entry was posted on April 29th, 2008 @ 8:59am and is filed under wordpress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Hey there, my name is Brad Bowen. I'm a family man, freelance designer, wordpress nutcase, and all around geek.
I enjoy designing web sites as well as random photoshop creations. This site, df{zero}, serves as a "sandbox" as well as a place for me to collect my thoughts.
Feel free to drop me a line.
Latest Tweet: not dead, as rumor may have it; busy working on client project 2008-05-22
Currently Reading: The Radioactive Boyscout
Currently Listening to: NIN: the slip
Copyright df{zero} 2008. Unless otherwise specified, all content is made available under the CCL. df{zero} validates Valid HTML 4.01 Strict
One Response
admin
May 7th, 2008 at 8:01 pm
this is a huge test
Leave a reply Post Your Comment