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 ได้ใช้ความสามารถของ OpenGL ในการสร้างกราฟิก 3D เชิงปฏิสัมพันธ์บนเว็บไซต์โดยไม่ต้องใช้โปรแกรมเสริม

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

  • เมษายน 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?

  • กุมภาพันธ์ 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.

  • มกราคม 2013 ลากและวาง

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

  • ธันวาคม 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.

  • พฤศจิกายน 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!

  • ตุลาคม 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?

  • กันยายน 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.

  • สิงหาคม 2012 Camera API

    Camera API สามารถมีสิทธิ์ในการเข้าถึงกล้องของอุปกรณ์พกพาได้ และผู้ใช้สามารถถ่ายและอัพโหลดภาพไปยังเว็บไซต์ด้วย Camera API

  • กรกฎาคม 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?

  • มิถุนายน 2012 WebGL

    WebGL ได้ใช้ความสามารถของ OpenGL ในการสร้างกราฟิก 3D เชิงปฏิสัมพันธ์บนเว็บไซต์โดยไม่ต้องใช้โปรแกรมเสริม

  • พฤษภาคม 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!

  • เมษายน 2012 Audio

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

  • มีนาคม 2012 CSS 3D Transforms

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

  • กุมภาพันธ์ 2012 Touch Events

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

  • มกราคม 2012 Orientation

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

  • ธันวาคม 2011 IndexedDB

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

  • พฤศจิกายน 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.

  • ตุลาคม 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.

  • กันยายน 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.

  • สิงหาคม 2554 ประวัติ API

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

  • กรกฎาคม 2554 HTML5 <video>

    HTML5 <video> ทำให้คุณสามารถฝังและควบคุมสื่อวีดิโอบนหน้าเว็บเพจได้โดยไม่ต้องใช้ส่วนเสริม

  • มิถุนายน 2554 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.