这篇翻译不完整。请帮忙从英语翻译这篇文章。
Mozilla supports a wide variety of exciting open web technologies, and we encourage their use. This page offers links to interesting demonstrations of these technologies, including some that were popular in the Demo Studio, which has since been retired. If you know of a good demonstration or application of open web technology, please add a link to the appropriate section here.
2D 图形
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 （视觉特效和交互）
- Bubblemenu （视觉特效和交互）
- HTML transformations using
foreignObject（视觉特效和变换） - Phonetics Guide （交互性）
- 3D objects demo （交互性）
- Blobular （交互性）
- Video embedded in SVG （或使用 local download）
- Summer HTML image map creator (source code)
Video
- Streaming Anime, Movie Trailer and Interview
- Billy's Browser Firefox Flick
- Virtual Barber Shop
- Transformers Movie Trailer
- A Scanner Darkly Movie Trailer (with built in controls)
- Events firing and volume control
- Dragable and sizable videos
3D 图形
WebGL
VR技术
CSS
- Bootstrap Contact Form Design
- Paperfold
- CSS Blockout
- Rubik's cube
- Pure CSS Slides
- Planetarium (source code)
- CSS Paralax Forest
- Responsive Login Page Design
- One Page Scroll Website Template
变换
游戏
HTML
Web APIs
Notifications API
Web Audio API
- Web Audio Fireworks
- oscope.js - JavaScript oscilloscope
- Audio Buffer demo (source code)
- HTML5 Web Audio Showcase (source code)
- HTML5 Audio Visualizer (source code)
- Graphical Filter Editor and Visualizer (source code)