Demo Articles
-
offline web applications
The network is a key component of any web application, whether it is used to download JavaScript, CSS, and HTML source files and accompanying resources (images, videos, …) or to reach web services (XMLHttpRequest and <forms>). Yet having offline support for web applications can be very useful to users. Imagine, for example, a webmail application […]
-
interactive file uploads with Drag and Drop, FileAPI and XMLHttpRequest
In previous posts, we showed how to access a file through the input tag or through the Drag and Drop mechanism. In both cases, you can use XMLHttpRequest to upload the files and follow the upload progress. Demo If you’re running the latest beta of Firefox 3.6, check out our file upload demo. Uploading XMLHttpRequest […]
-
WebGL goes mobile
Vlad was nice enough to put together a video of his recent work to bring WebGL to mobile phones. This demo was done on the first phone that supports Firefox, the Nokia N900. For more information about WebGL check back here or follow planet WebGL.
-
pointer-events for HTML in Firefox 3.6
The pointer-events CSS property has long been available as part of SVG as a way to control if a mouse event should be sent to the element directly underneath the mouse or passed through to an element underneath it. In Firefox 3.6 we’ve extended the property to allow it to apply to normal HTML content […]
-
after Firefox 3.6 – new font control features for designers
Note: the discussion below applies to work in progress that might show up in Firefox 3.7. It does not describe features in Firefox 3.6. This post is from Jonathan Kew and John Daggett. He’s supplied a 5 minute video that shows some of the features on the fly. If you’re a total font nerd and […]
-
making waves with HTML5
Thomas Saunders of modern-carpentry has a very nice HTML5 demo, making waves with html5, showcasing the power of Canvas as well as Processing.js. modern carpentry rides the html5 canvas wave Thomas says: I was challenged at work to create something that “floats naturally”. After a while of confusion in my pursuit of “natural floating” or […]
-
a multi-touch drawing demo for Firefox 3.7
Firefox Multitouch at MozChile – Drawing Canvas Experiment from Marcio Galli on Vimeo. A couple of months ago we featured a video that had some examples of multi-touch working in Firefox. At a recent event in South America, Marcio Galli put together a quick and fun drawing program based on the multi-touch code that we’ll […]
-
new device API for Firefox 3.6: orientation
One new feature that we’re including as part of Firefox 3.6 is support for web pages to access machine orientation information if it’s available. As you can see from the demo above you can use it to figure out if the machine is moving and what direction it’s facing. Using the API is very simple. […]
-
three more WebGL demos
If you see other cool WebGL demos post them in the comments here or let us know at @mozhacks. We’ll keep posting them as we find them. A port of Puls to WebGL: Escher-Droste effect in WebGL: Metatunnel by FRequency: (via Mark Steele)