touch: autodetect touch device and serve touch UI

[mangtronix]

Automatically detect touch device and serve touch-based UI.

[mangtronix (mang)]

The 4 basic classes of devices, from a post on stackoverflow.com:

http://stackoverflow.com/questions/2607248/optimize-website-for-touch-devices

It sounds to me like you want to have a touch-screen-friendly option, to cover the following scenarios:

1. iPhone-like devices: small screen, touch only
2. Small screens, no touch (you didn't mention this one)
3. Large screens, no touch (i.e. conventional computers)
4. Touch-screen-enabled large screens such as iPad, notebooks/pcs with touch screens.
For case 1 and 2 you will probably need a separate site or a CSS file that eliminates lots of unnecessary content and makes things larger and easier to read/navigate. If you care about case #2 then as long as the links/buttons on the page are keyboard-navigable then case 1 and 2 are equivalent.

For case 3 you have your normal website. For case 4 it sounds like you want clickable things to be bigger or easier to touch. If it's not possible to simply make everything bigger for all users, an alternate style-sheet can provide you with the touch-friendly layout changes.

[mangtronix (mang)]

Added detection for iPad and iPhone/iPod. Still possible to select another ui mode by adding ?ui={mode} to the stream URL.

[mangtronix (mang)]

Added detection for Android.