On Jan 24, 2006, at 5:50 PM, Nic wrote:
Any suggestions on creating stylesheets specific to wireless?
Well, obviously, declare your css with media="handheld", then style
your
page accordingly :)
Always a good place to start, smarty pants :)
So it seems advantageous serving the same style for print and
handheld?
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
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
