> Any suggestions on creating stylesheets specific to wireless?

Well, obviously, declare your css with media="handheld", then style your
page accordingly :)

Remember that screen sizes are *small*, so fixed widths are a no-go.  Use %
instead of px.

Same for fixed font sizes.  Use em rather than px for font sizes, for
example.

Big images are also a no go.  Big file sizes are going to eat up costly
bandwidth for the poor wireless user.  Big files (pixel wise) are going to
force horizontal scrolling.  Where possible, reduce de number of images, or
eliminate them completely.

Eliminate elements that are not completely necessary.  People who use their
wireless to access a site are not there for the design, they want to find
the content quickly, access the content quickly, and be on their merry way.

If your site has big menus, you may want to deliver a limited menu for the
wireless/mobile/handheld.  For example, deliver only top level list items
for menus using nested lists.

Use links to "skip navigation" and "skip menus" right at the top, so people
who don't want to scroll down can just jump to it (that's a good practice on
any site anyway).

Use bold colours, try to keep in the "web safe" range.  While we can get
away from using web safe colours anymore for the PC (in most cases), the
screen quality of handhelds still leave to be desired, and you're better off
keeping within that web safe range.

In other words, simplify, simplify, simplify :)

Cheers

Nic


******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to