View Full Version : making a site look good on pda?

12-28-2005, 08:26 AM
to make a site look good on a pda, how should i go about doing that? Does it need special coding? What do you need to do to make a site that is xhtml 1.0 strict (valid), work on a pocketPC?

12-28-2005, 08:54 AM
This ALA article may be useful: Pocket-Sized Design: Taking Your Website to the Small Screen (http://www.alistapart.com/articles/pocket), or otherwise The End-All Guide to Small-Screen Web-Dev (http://hotwired.lycos.com/webmonkey/04/12/index4a.html) on WebMonkey, or even Small Screens, Big Lessons (http://www.smallscreensbiglessons.com/index.html).

(Tip: Google for "web design for small screen (http://www.google.nl/search?hl=nl&q=web+design+for+small+screen&meta=)" :thumbsup: )

12-29-2005, 12:16 PM
I've discovered you just shouldn't attempt CSS if you think PDA users will be common at your site, it works kind of but not always, some things get screwed up. And keep it very simple.

Hope that helped

Fancy Dating.Com (http://www.fancydating.com)

01-02-2006, 04:45 PM
It depends on the device in question - there are many mobile browsers around and they're all very different; from ultra-basic WAP browsers on small phones, through PocketIE which has CSS support on a par with IE4, through to the NetFront browser used on the Sony PSP, which has almost flawless CSS support and renders most sites fine (if they can handle the smaller screen - http://www.brothercake.com/site/resources/reference/psp/)

If you're serious about small screen support, I would also look at this article by Joe Clark: http://www.joeclark.org/access/webaccess/zoom/

There he's talking about "zoom layouts" - CSS layouts based on a single column with minimal styling - colors and fonts maybe, but not layout or boxing, just linear content. That kind of layout, as well as being fantastic for low-vision users, is also far more suitable for older or smaller devices, like legacy browsers and PDAs (see http://www.brothercake.com/site/home/smallscreen/ for a demo of the difference on my site)