Demos of open web technologies
Mozilla supports a wide range of open web technologies and we encourage them to use these technologies. This page provides links to demos of popular technologies, including some of the demo studios that have been active in the past. A good application or presentation about open web technologies If you know, please add the application or promotion you know here as a link to an appropriate section.
2D Graphics
APNG
- Justin's demo (works when saved locally)
Canvas
- An interactive blob using javascript and canvas (fun)
- Blob's demos
- Canvas Animation Kit Experiment (CAKE)
- Canvas3D & Flickr
- Playing with Canvas
- Using the Canvas Html element5
- RayCaster
- MSX Emulator
- processing.js
- Missile fleet
- FireWorks
- Canvas ash1
- Canvas ash2
- Canvas ash8
- 3D on 2D Canvas
- miniPaint - Image editor (source code)
SVG
- Gearflowers image Don't forget to zoom in (works when saved locally)
- SVG photo demo (visual effects and interaction)
- Bubblemenu (visual effects and interaction)
- HTML transformations using
foreignObject
(visual effects and transforms) - Phonetics Guide (interactive)
- 3D objects demo (interactive)
- Blobular (interactive)
- Video embedded in SVG (or use the local download)
- Summer HTML image map creator (source code)
Video
3D Graphics
WebGL
Virtual Reality
CSS
Transformations
Games
HTML
Web APIs
Notifications API
- HTML5 Notifications (source code)