[css3-mediaqueries] Touch enabled devices

Hi,

I'm new to the list, so I'm sorry if this has been discussed already.
Tried to search, but couldn't find anything regarding my question.

Why isn't "-moz-touch-enabled" or similar part of CSS3 media queries
(without -moz)?
https://developer.mozilla.org/En/CSS/Media_queries#-moz-touch-enabled

I believe this is absolutely critical to give touch-devices a better
user-experience. Bigger buttons, autocomplete dropdown-lists or
similar. Since touch is not as precise as a mouse cursor. Many of the
sites that have touch support have a totally different page for the
touch devices, but I would really prefer if it was possible to have a
single site or web app for all devices.

To avoid confusion: I'm not talking about mobile. Only touch. Touch on
a phone, iPad or a laptop all need bigger buttons regardless of the
screen size.

Previously I've detected touch devices by checking for the javascript
event, but this probably won't work when Firefox and Chrome get touch
support. Using media queries for this would also be a cleaner approach
IMHO.

I've already posted a message to the chromium mailing list, and a bug
for chromium. As well as asking other developers for solutions that I
might not have known about on StackOverflow - without any acceptable
answers.
http://code.google.com/p/chromium/issues/detail?id=36415
http://stackoverflow.com/questions/2607248/optimize-website-for-touch-devices

Can this please be considered for the CSS3 standard? I'm a web
developer, so I have no clue about how a browser can detect hardware
support for touch, but it seems like Mozilla has solved this somehow.

Regards,
Gregers Rygg

Received on Thursday, 22 April 2010 12:13:49 UTC