
MULTITOUCH EARTH SERIES
We have three new DOM events ( MozTouchDown, MozTouchMove and MozTouchRelease), which are similar to mouse events, except that they have a new attribute called streamId that can uniquely identify the same finger being tracked in a series of MozTouch events. Here is an example of what the API looks like for now. That, along with physical CSS units (cm or in), makes it possible to adjust your webapp for a touchscreen experience.įirefox 3.6 will include the CSS property, but is unlikely to include the DOM events described below. Using the pseudo-selector :-moz-system-metric(touch-enabled) you can apply specific styles for your page if it’s being viewed on a touchscreen device. We’re also adding CSS support to detect when you’re running on an touchscreen device. They are simple HTML pages that receive events for each touch point and use them to build a custom multi-touch experience.

We’re working on exposing the multi-touch data from the system to regular web pages through DOM Events, and all of these demos are built on top of that. I’ve been anxious to demonstrate the progress on our multi-touch support for Firefox, and this video showcases some possible interactions and use cases for what web pages and webapps can do with a multi-touch device. Multitouch on Firefox from Felipe on Vimeo. This post has also been cross-posted to Felipe’s personal blog. He’s made a short video and written up some short technical information to go with it.

A nice result of that work is that he’s also found ways to bring multi-touch support to the web. During that time he’s been working on multi-touch support for Firefox on Windows 7.

The ever-energetic Felipe Gomes was nice enough to intern with Mozilla this summer in between busy semesters in Brazil.
