Mozilla は、幅広い既存の Web テクノロジーをサポートし、それらを使用することを奨励しています。このページは、かつて Demo Studio で人気のあったものも含め、技術のデモンストレーションを提供します。オープン Web テクノロジーのデモンストレーションやアプリケーションを知っている場合、適切なセクションにリンクを追加してください。
2D Graphics
APNG
- Justin's demo (ローカルに保存すると動作します)
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 (ソースコード)
SVG
- Gearflowers image 忘れずにズームインしてください (ローカルに保存すると動作します)
- SVG photo demo (ビジュアル効果とインタラクション)
- Bubblemenu (ビジュアル効果とインタラクション)
- HTML transformations
foreignObjectを使用 (ビジュアル効果とインタラクション) - Phonetics Guide (インタラクティブ)
- 3D objects demo (インタラクティブ)
- Blobular (インタラクティブ)
- Video embedded in SVG (または ローカルにダウンロード)
- Summer HTML image map creator (ソースコード)
Video
- Streaming Anime, Movie Trailer and Interview
- Billy's Browser Firefox Flick
- Virtual Barber Shop
- Transformers Movie Trailer
- A Scanner Darkly Movie Trailer (組み込みコントロールを使用)
- Events firing and volume control
- Dragable and sizable videos
3D Graphics
WebGL
Virtual Reality
CSS
- Responsive Contact Form
- Paperfold
- CSS Blockout
- Rubik's cube
- Pure CSS Slides
- Planetarium (ソースコード)
- CSS Paralax Forest
- Awesome Login Page
- CSS3 One Page Scroll
Transformations
Games
HTML
Web APIs
Notifications API
- HTML5 通知 (ソースコード)
Web Audio API
- Web Audio Fireworks
- oscope.js - JavaScript oscilloscope
- Audio Buffer demo (ソースコード)
- HTML5 Web Audio Showcase (ソースコード)
- HTML5 Audio Visualizer (ソースコード)
- Graphical Filter Editor and Visualizer (ソースコード)