Mozilla Demo Studio presenta

Dev Derby

Dev Derby has ended

From 2011 until 2013, web developers created more than 450 demos for the Dev Derby! Find them below, or visit the Demo Studio for many more.

Desafíos para Desarrolladores anteriores

  • Junio 2013 WebGL II

    WebGL brinda el poder que ofrece OpenGL para crear gráficos interactivos en 3D para la Web sin tener que usar plugins.

  • Mayo 2013 getUserMedia

    La función getUserMedia te permite acceder (con el permiso del usuario) a la cámara y micrófonos del usuario. ¡Sin necesitar plugins! ¿Qué puedes hacer una vez que tienes los medios? Las posibilidades son infinitas.

  • Abril 2013 Web Workers

    Los Web Workers facilitan la ejecución de programas en segundo plano. La utilización de Web Workers te permite crear interfaces de usuario deslumbrantes que no se ven obstaculizadas por las tareas más complejas del equipo.

  • Marzo 2013 Móviles

    La Web móvil cobra cada día mayor importancia. Esta vez el único límite es tu creatividad, ¿qué experiencias increíbles puedes crear para los usuarios que están en continuo movimiento?

  • Febrero 2013 Multitáctil

    La API de eventos táctiles te permite registrar múltiples toques al mismo tiempo en dispositivos compatibles. Crea juegos complejos, implementa "pellizcar para hacer zoom" y otras funciones. Usando múltiples toques, tu aplicación puede responder a todas las interacciones que los usuarios esperan.

  • Enero de 2013 Arrastrar y soltar

    La API Arrastrar y soltar trae a la web un procedimiento de interacción ya veterano, haciendo posibles experiencias de usuario ricas, naturales y familiares.

  • Diciembre de 2012 Sin conexión

    Con las funcionalidades sin conexión cada vez más desarrolladas que brinda la Web abierta, puedes crear aplicaciones que funcionen con o sin una conexión a Internet. Con las tecnologías sin conexión, puedes servir mejor a los viajeros y usuarios de dispositivos móviles, mejorar el rendimiento y otras muchas funciones más.

  • Noviembre de 2012 API de pantalla completa

    Con la API de pantalla completa puedes ir más allá de los límites de la ventana de tu navegador. Hasta puedes detectar los cambios del estado de pantalla completa y proporcionar un estilo especial cuando la página se visualiza en pantalla completa. ¡Habla de inmersión!

  • Octubre 2012 Consultas CSS sobre medios II

    Las consultas CSS sobre medios son una herramienta común para diseños web adaptables que priorizan a los dispositivos móviles. ¡Ahora incluso son una recomendación del W3C! Permiten decirte mucho más de una pantalla que sólo su ancho. ¿Qué puedes hacer con las consultas CSS sobre medios?

  • Septiembre 2012 Geolocalización II

    Con la geolocalización, puedes obtener la ubicación física del usuario (con su permiso) y usarla para mejorar la experiencia de navegación o activar funcionalidades basadas en la ubicación del usuario.

  • Agosto 2012 API para cámaras

    La API para cámaras te permite acceder (con permiso) a las cámaras de los dispositivos móviles, y hacer y subir fotos a tu página web fácilmente.

  • Julio 2012 Sin JavaScript

    Crear en la Web experiencias enriquecidas para los usuarios nunca ha sido más fácil. Los estándares actuales de la Web ponen a tu disposición algunas de las funciones más potentes. Anima páginas con CSS, valida la entrada del usuario con HTML y explora otras posibilidades. ¿Qué más puedes hacer sin JavaScript?

  • Junio 2012 WebGL

    WebGL brinda el poder que ofrece OpenGL para crear gráficos interactivos en 3D para la Web sin tener que usar plugins.

  • Mayo 2012 API de WebSockets

    Con la API y el protocolo de WebSocket, puedes abrir un canal bidireccional entre el navegador y un servidor para el intercambio escalable y en tiempo real de datos. ¡Se acabaron las consultas al servidor!

  • Abril 2012 Audio

    El elemento de audio de HTML5 te permite insertar sonido en páginas web sin que tus usuarios tengan que usar plugins.

  • Marzo 2012 Transformaciones CSS 3D

    Las transformaciones CSS 3D extienden las transformaciones CSS, permitiendo que los elementos dibujados por CSS sean transformados en un espacio tridimensional.

  • Febrero 2012 Eventos táctiles

    Los eventos táctiles te ayudan a que los sitios web y aplicaciones sean más atractivos al responder apropiadamente cuando los usuarios interactúan con pantallas táctiles.

  • Enero de 2012 Orientación

    Las funcionalidades de orientación en HTML5 acceden a los datos de movimiento y orientación de los dispositivos con acelerómetros.

  • Diciembre de 2011 IndexedDB

    IndexedDB permite a las aplicaciones web guardar cantidades significativas de datos estructurados localmente, para un acceso más rápido, con y sin conexión.

  • Noviembre de 2011 Canvas

    Canvas lets you paint the Web using JavaScript to render 2D shapes, bitmapped images, and advanced graphical effects. Each <canvas> element provides a graphics context with its own state and methods that make it easy to control and draw in.

  • Octubre 2011 Consultas CSS sobre medios

    Las consultas CSS sobre medios permiten a los desarrolladores web crear diseños adaptables, ajustando la experiencia del usuario al tamaño de la pantalla que esté usando, lo que incluye equipo de escritorio, tabletas y móviles.

  • Septiembre 2011 Geolocalización

    Con la geolocalización, puedes obtener la ubicación física del usuario (con su permiso) y usarla para mejorar la experiencia de navegación o activar funcionalidades basadas en la ubicación del usuario.

  • Agosto 2011 API de historial

    La API de historial en los navegadores modernos permite realizar cambios en tiempo real en el documento sin romper el funcionamiento del botón Atrás y permite agregar a marcadores las aplicaciones web.

  • Julio 2011 HTML5 <video>

    El elemento <video> de HTML5 te permite insertar y controlar videos directamente en las páginas web, sin depender de plugins.

  • Junio 2011 Animaciones CSS3

    Las animaciones CSS3 te permiten cambiar los valores de las propiedades en el tiempo, para animar la apariencia o posición de elementos, con muy poco o nada de JavaScript, y con un gran control sobre las transiciones.

Recursos