Mozilla Demo Studio presents

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.

Previous Dev Derby Challenges

  • June 2013 WebGL II

    WebGL brings the power of OpenGL, for creating interactive 3D graphics, to the Web, with no plug-ins required.

  • May 2013 getUserMedia

    The getUserMedia function lets you access (with permission) the cameras and microphones of your users. No plugins needed! What can you do once you have this media? The possibilities are endless.

  • April 2013 Web Workers

    Web Workers make it easy for you to run scripts in the background. By using Web Workers, you can create dazzling user interfaces that are not hindered by even the most computationally-intensive tasks.

  • March 2013 Mobile

    The mobile Web is becoming more important every day. This time, the only limit is your creativity. What amazing experiences can you build for users on the go?

  • February 2013 Multi-touch

    The Touch Events API lets you track multiple touches at the same time on devices that support them. Build complex games, support pinch-to-zoom and more. By using multi-touch, your app can respond to all the interactions users have come to expect.

  • January 2013 Drag and Drop

    The Drag and Drop API brings an age-old interaction to the Web, making rich, natural, and familiar user experiences possible.

  • December 2012 Offline

    With the maturing offline capabilities of the open Web, you can build apps that work with or without an Internet connection. With offline technologies, you can better support travelers and mobile users, improve performance, and more.

  • November 2012 Fullscreen API

    With the Fullscreen API, you can escape the confines of the browser window. You can even detect full screen state changes and style full screen pages specially. Talk about immersive!

  • October 2012 CSS Media Queries II

    CSS Media Queries are now a common tool for responsive, mobile-first web design. They are now even a W3C Recommendation! They can tell you a lot more about a display than just its width. What can you do with Media Queries?

  • September 2012 Geolocation II

    With Geolocation, you can get the user's physical location (with permission) and use it to enhance the browsing experience or enable advanced location-aware features.

  • August 2012 Camera API

    The Camera API lets you access (with permission) the cameras of mobile devices. With the Camera API, users can easily take pictures and upload them to your web page.

  • July 2012 No JavaScript

    Creating rich user experiences for the Web has never been easier. Today's open Web standards put some of the most powerful features right at your fingertips. Animate pages with CSS, validate user input with HTML, and more. What else can you do without JavaScript?

  • June 2012 WebGL

    WebGL brings the power of OpenGL, for creating interactive 3D graphics, to the Web, with no plug-ins required.

  • May 2012 WebSockets API

    With the Websocket API and protocol, you can open a two-way channel between the browser and a server, for scalable and real-time data flow. No more server polling!

  • April 2012 Audio

    The HTML5 audio element lets you embed sound in webpages without requiring your users to rely on plug-ins.

  • March 2012 CSS 3D Transforms

    CSS 3D Transforms extends CSS Transforms to allow elements rendered by CSS to be transformed in three-dimensional space.

  • February 2012 Touch Events

    Touch Events help you make websites and applications more engaging by responding appropriately when users interact with touch screens.

  • January 2012 Orientation

    Orientation features in HTML5 access the motion and orientation data of devices with accelerometers.

  • December 2011 IndexedDB

    IndexedDB lets web applications store significant amounts of structured data locally, for faster access, online or offline.

  • November 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.

  • October 2011 CSS Media Queries

    CSS Media Queries allow Web developers to create responsive Web designs, tailoring the user experience for a range of screen sizes, including desktops, tablets, and mobiles.

  • September 2011 Geolocation

    With Geolocation, you can get the user's physical location (with permission) and use it to enhance the browsing experience or enable advanced location-aware features.

  • August 2011 History API

    The History API in modern browsers enables live changes to the document without breaking the back button and allows apps to be bookmarked.

  • July 2011 HTML5 <video>

    The HTML5 <video> element lets you embed and control video media directly in web pages, without resorting to plug-ins.

  • June 2011 CSS3 Animations

    CSS3 Animations let you change property values over time, to animate the appearance or position of elements, with no or minimal JavaScript, and with greater control than transitions.

Resources