I've been looking for ways to improve touchscreen interaction on some web pages that are destined for an HP Tablet computer that is running Win 7 and IE8. I have seen some ways to improve rendering for mobile devices, but nothing for tablets/touchscreens in general.

Any ideas?

  • "Improve" is too nebulous a term. What do you want to do specifically? Nathan Duran about 9 years ago
  • I'm looking for things that might change the way hyperlinks and form elements work on a page. There may be some doctype or media type that's out there I am not aware of. John Hughes about 9 years ago
  • Using different media type declarations allows you to assign different stylesheets for certain uses. Most desktop browsers recognize screen while many mobile devices use the handheld command. Check out the following example: <link rel="stylesheet" href="handheld.css" type="text/css" media="handheld" /> Using this simple declaration, you can create a handheld.css file that will only be activated on handheld devices (at least those that allow styling). This of course wont work on every device, but it will hit a decent amount. Some developers even go so far as to suggest using this method with an empty stylesheet just to reset everything and make it simple for mobile viewing. (from link in my answer below) Tony Crockford about 9 years ago
  • There is no doctype that changes the way hyperlinks and form elements work on a page. That's not really what doctypes are for. Nathan Duran about 9 years ago

1 answer

This was chosen as the best answer

Improving touchscreen interaction is related to Fitt's Law and screen sensitivity (issues relating)

There's some good mobile stuff here that would help you create device targetted stylesheets, but if your site is all tiny type and tricky navigation you'd need a new site for touch interfaces...

Answered about 9 years ago by Tony Crockford