-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
121 lines (90 loc) · 7.02 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
---
title: Demostraciones de tecnologías de Web Abierta
slug: orphaned/Web/Demos
original_slug: Web/Demos
---
Mozilla soporta una amplia variedad de emocionantes tecnologías web abiertas, y alentamos su utilización. Esta página ofrece enlaces a interesantes demostraciones de estas tecnologías, incluyendo algunas que fueron populares en la Demo Studio, la cual [ha sido retirada desde entonces](https://blog.mozilla.org/community/2015/12/18/saying-goodbye-to-demo-studio/). Si conoces una buena demostración o aplicación de tecnología web abierta, por favor agrega el enlace a la sección apropiada aquí.
## Gráficos 2D
### APNG
- [Justin's demo](http://people.mozilla.com/~dolske/apng/demo.html) (funciona cuando está guardado localmente)
### Canvas
- [An interactive blob using javascript and canvas (divertido)](http://www.blobsallad.se/)
- [Blob's demos](http://blobsallad.se/article/)
- [Canvas Animation Kit Experiment (CAKE)](http://glimr.rubyforge.org/cake/canvas.html)
- [Canvas3D & Flickr](http://www.xs4all.nl/~peterned/3d/)
- [Playing with Canvas](http://arapehlivanian.com/wp-content/uploads/2007/02/canvas.html)
- [Using the Canvas Html element5](http://langexplr.blogspot.com/2008/11/using-canvas-html-element.html)
- [RayCaster](/samples/raycaster/RayCaster.html)
- [MSX Emulator](http://jsmsxdemo.googlepages.com/jsmsx.html)
- [processing.js](http://processingjs.org/exhibition/)
- [Missile fleet](http://glimr.rubyforge.org/cake/missile_fleet.html)
- [FireWorks](http://glimr.rubyforge.org/cake/demos/fireworks2.6rt.html)
- [Canvas ash1](http://glimr.rubyforge.org/cake/demos/canvas_ash.html)
- [Canvas ash2](http://glimr.rubyforge.org/cake/demos/canvas_ash2.html)
- [Canvas ash8](http://glimr.rubyforge.org/cake/demos/canvas_ash8.html)
- [3D on 2D Canvas](http://gyu.que.jp/jscloth/)
- [miniPaint - Image editor](http://viliusle.github.io/miniPaint/)([código fuente](https://github.com/viliusle/miniPaint))
### SVG
- [Gearflowers image](http://www.kde-look.org/CONTENT/content-files/19524-gearflowers.svg.gz) No olvides hacer un zoom (funciona cuando está guardado localmente)
- [SVG photo demo](http://people.mozilla.com/~vladimir/demos/photos.svg) (efectos visuales e interacción)
- [Bubblemenu](http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml) (efectos visuales e interacción)
- [HTML transformations](http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/) usando `foreignObject` (efectos visuales y transformaciones)
- [Phonetics Guide](http://svg-whiz.com/svg/linguistics/theCreepyMouth.svg) (interactivo)
- [3D objects demo](http://www.lutanho.net/svgvml3d/platonic.html) (interactivo)
- [Blobular](http://www.themaninblue.com/experiment/Blobular/) (interactivo)
- [Video embedded in SVG](http://www.double.co.nz/video_test/video.svg) (o usa la [descarga local](http://www.double.co.nz/video_test/video_svg.tar.bz2))
- [Summer HTML image map creator](http://summerstyle.github.io/summer/) ([código fuente](https://github.com/summerstyle/summer))
### Video
- [Video 3D Animation "mozilla constantly evolving" Designed by Rober Villar ,SoftwareRVG developer.](https://vimeo.com/172328210)
- [Video 3D animation "Floating Dance" . Designed by Rober Villar , developer from SoftwareRVGdesignS.](https://vimeo.com/173851395)
- [Streaming Anime, Movie Trailer and Interview](http://www.double.co.nz/video_test/test1.html)
- [Billy's Browser Firefox Flick](http://www.double.co.nz/video_test/test2.html)
- [Virtual Barber Shop](http://www.double.co.nz/video_test/test3.html)
- [Transformers Movie Trailer](http://www.double.co.nz/video_test/test4.html)
- [A Scanner Darkly Movie Trailer](http://www.double.co.nz/video_test/test5.html) (con controles incorporados)
- [Events firing and volume control](http://www.double.co.nz/video_test/events.html)
- [Dragable and sizable videos](http://www.double.co.nz/video_test/video.svg)
## Gráficos 3D
### WebGL
- [Web Audio Fireworks](http://ondras.github.io/fireworks-webgl/)
- [IoQuake3](https://dl.dropboxusercontent.com/u/62064441/ioquake3.js/ioquake3.html) ([código fuente](https://github.com/klaussilveira/ioquake3.js))
- [Escher puzzle](http://micah.tech/demoscene/) ([código fuente](https://github.com/micahbolen/demoscene))
- [Kai 'Opua](http://collinhover.github.io/kaiopua/) ([código fuente](https://github.com/collinhover/kaiopua))
### Realidad Virtual
- The Polar Sea ([código fuente](https://github.com/MozVR/polarsea))
- [Sechelt fly-through](https://mozvr.github.io/sechelt/) ([código fuente](https://github.com/mozvr/sechelt))
## CSS
- [CSS floating logo " mozilla " developed by Rober Villar , from Software RVG.](https://codepen.io/SoftwareRVG/pen/OXkOWj/) (codigo fuente)
- [Responsive Contact Form](http://webdeveloperbareilly.in/blog/html5/responsive-contact-form-bootstrap.php)
- [Paperfold](http://felixniklas.com/paperfold/)
- [CSS Blockout](http://ondras.github.io/blockout/)
- [Rubik's cube](http://ondras.zarovi.cz/demos/rubik/)
- [Pure CSS Slides](http://ondras.zarovi.cz/demos/nojs/)
- Planetarium ([código fuente](https://github.com/littleworkshop/planetarium))
- [CSS Paralax Forest](http://www.lesmoffat.co.uk/folio/forest/forest.html)
- [Awesome Login Page](http://webdeveloperbareilly.in/blog/css3/awesome-login-form.html)
- [CSS3 One Page Scroll](http://webdeveloperbareilly.in/blog/css3/onepage-scroll-template.html)
### Transformaciones
- [Impress.js](http://impress.github.io/impress.js) ([código fuente](https://github.com/impress/impress.js))
## Juegos
- [IoQuake3](https://dl.dropboxusercontent.com/u/62064441/ioquake3.js/ioquake3.html) ([código fuente](https://github.com/klaussilveira/ioquake3.js))
- [Kai 'Opua](http://collinhover.github.io/kaiopua/) ([código fuente](https://github.com/collinhover/kaiopua))
## HTML
- [Zen Photon Garden](http://zenphoton.com)([código fuente](https://github.com/scanlime/zenphoton))
- [HTMl Meta Tags For SMO](http://webdeveloperbareilly.in/blog/smo/html-meta-tags-for-social-media-optimization.html)
## Web APIs
### API Notificaciones
- [HTML5 Notifications](http://elfoxero.github.io/html5notifications/) ([código fuente](https://github.com/elfoxero/html5notifications))
<!---->
### API Web Audio
- [Web Audio Fireworks](http://ondras.github.io/fireworks-webgl/)
- [oscope.js - JavaScript oscilloscope](http://ondras.github.io/oscope/)
- [Audio Buffer demo](http://mdn.github.io/audio-buffer/) ([código fuente](http://mdn.github.io/audio-buffer/))
- [HTML5 Web Audio Showcase](http://nipe-systems.de/webapps/html5-web-audio/) ([código fuente](https://github.com/NIPE-SYSTEMS/html5-web-audio-showcase))
- [HTML5 Audio Visualizer](http://wayou.github.io/HTML5_Audio_Visualizer/) ([código fuente](https://github.com/Wayou/HTML5_Audio_Visualizer))
- [Graphical Filter Editor and Visualizer](http://carlosrafaelgn.com.br/GraphicalFilterEditor/) ([código fuente](https://github.com/carlosrafaelgn/GraphicalFilterEditor))
### Funciones Web
- [Web Worker Fractals](http://ondras.github.io/fractal/)
- [Photo editor](http://ondras.github.io/photo/)
- [Coral generator](http://ondras.github.io/coral/)
- [Raytracer](http://nerget.com/rayjs-mt/rayjs.html)