W3C home > Mailing lists > Public > www-style@w3.org > April 2010

[css3-mediaqueries] Touch enabled devices

From: Gregers Gram Rygg <gregersrygg@gmail.com>
Date: Thu, 22 Apr 2010 13:29:21 +0200
Message-ID: <h2w2076e6511004220429t49a31950x75c82b68bd7c241b@mail.gmail.com>
To: www-style@w3.org

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)?

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

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

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.

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

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:07:45 UTC