with Imagination: by Dustin Diaz

./with Imagination

A JavaScript, CSS, XHTML web log focusing on usability and accessibility by Dustin Diaz

Handheld back in effect

Friday, October 28th, 2005

The handheld CSS Style Sheet is back in effect. Those with PDA devices, please help a brother out. Those without a device, you can see the output of my hacking just by using your own Web Developer Toolbar in Firefox by choosing CSS → Display CSS by Media Type → Handheld. Of if you’re an Opera user, simply choose View → Small Screen and you should be enlightened with the handheld style sheet.

But please, those with any type of phone that is able to view webpages please check out this site and give me some feedback.

7 Responses to “Handheld back in effect”

  1. Elliot Swan

    Don’t have a handheld, but looks good in firefox. If you’re not going to show the arrow image before links, you might consider taking the padding out of them though.

  2. Dustin Diaz

    good catch. i rememeber thinking about that to myself but I totally forgot to remove it. One things for sure. I don’t want any background images showing in the CSS so I totally nuked them by over-riding them in the style sheet taking Eric Meyers advice on Print Styles. Aparently a simple page like the handheld takes more work than one might think.

    You need to explicitly overwrite your screen CSS for this to look right. It doesn’t just take your handheld and ignore your screen,projection styles. It’s really kinda lame how we need to do that since it makes for larger style sheet downloads.

    anyway, I’m glad that for the most part everything looks good for you.

  3. Elliot Swan

    That’s interesting, I would’ve thought it would just take your handheld stylesheet.

    I’ve thought about trying to do handheld styles, but as far as I know not too many people try to read my blog on a handheld.

  4. jordan

    I don’t imagine many people do have people reading their blog with a handheld–it’s more of a future-proofing than anything, really.

    Be ahead of the curve so you aren’t scrambling to have the same features others have had for ages.

  5. Mike P.

    I do a morning surf from my PDA, but tend to only hit sites that look good on it. Keeps me from walking into the office and getting sucked in before making a coffee or having breakfast!

    Yours works great on Microsoft PIE, except the color of the title of the site is a brown-ish that matches the image used in the background. Otherwise, nice work!

  6. Dustin Diaz

    there weren’t supposed to be any images in the background… that might of been one of those things I missed putting background:none;

    Does your handheld take screenshots?

  7. ChristianGeek

    Pocket IE does not apply handheld but tries to play with big boys and breaks the style by squishing it (as evidenced on mine and comment #5)

    A good read on handheld stylesheets.

Get "JavaScript Design Patterns"

"As a web developer, you'll already know that JavaScript™ is a powerful language, allowing you to add an impressive array of dynamic functionality to otherwise static web sites. But there is more power waiting to be unlocked--JavaScript is capable of full object-oriented capabilities, and by applying OOP principles, best practices, and design patterns to your code, you can make it more powerful, more efficient, and easier to work with alone or as part of a team."

Buy JS Design Patterns from Amazon.com Buy JS Design Patterns from Apress

All content copyright © 2003 - 2009 under the Creative Commons License.

Archives | Blog Search