Mozilla Demo Studio presents

Dev Derby

Dev Derby on Hiatus

The Dev Derby is on hiatus, but will return soon.

Recent Challenges

  1. File API

    Július

    File found

    The File API lets you read the contents of files submitted by your users, making natural and familiar data operations possible.

  2. getUserMedia

    Május

    Felvétel!

    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.

  3. WebGL II

    Június

    Twice the 3D!

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

Dev Derby on Hiatus

The Dev Derby is on hiatus while we work on revamping the contest series. When it returns, you may see some changes in the contest format. However, the Dev Derby mission remains unchanged: to provide a platform that helps web developers learn, share, and push the web forward.

See you soon!

Previous Dev Derby Challenges

  • 2013 július File API

    The File API lets you read the contents of files submitted by your users, making natural and familiar data operations possible.

  • 2013 június WebGL II

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

  • 2013 május 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.

  • 2013 április 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.

  • 2013 március Mobil

    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?

  • 2013 február 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.

  • 2013 január Fogd és vidd

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

  • 2012 december Kapcsolat nélkül

    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.

  • 2012 november 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!

  • 2012 október 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?

  • 2012 szeptember 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.

  • 2012 augusztus 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.

  • 2012 július JavaScript nélkül

    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?

  • 2012 június WebGL

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

  • 2012 május 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!

  • 2012 április Hang

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

  • 2012 március CSS 3D Transforms

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

  • 2012 február Touch Events

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

  • 2012 január Tájolás

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

  • 2011 december IndexedDB

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

  • 2011 november Vászon

    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.

  • 2011 október 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.

  • 2011 szeptember Helymeghatározás

    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.

  • 2011 augusztus 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.

  • 2011 július HTML5 <video>

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

  • 2011 június CSS3 animációk

    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.

Previous Winner

miniPaint

miniPaint viliusl

Online graphics editing tool using HTML5.

See the Demo

Prizes

  1. Android mobile device

    Winner gets an Android mobile device from Samsung.

  2. Rickshaw laptop bag

    Runner-up gets a hand-crafted laptop messenger bag from Rickshaw.

  3. MDN t-shirt

    3rd place gets a limited edition MDN t-shirt to show off their geek cred.

Erőforrások