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

  • Июнь 2013 WebGL II

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

  • Май 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.

  • Март 2013 Мобильная версия

    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 Drag and Drop

    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 Геолокация II

    С помощью Geolocation Вы можете узнать физическое местоположение пользователя (с его разрешения) и использовать его для более приятного серфинга или для активации дополнительных локализационных функций.

  • Август 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.

  • Июль 2012 Без 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 brings the power of OpenGL, for creating interactive 3D graphics, to the Web, with no plug-ins required.

  • Май 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 Аудио

    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 features in HTML5 access the motion and orientation data of devices with accelerometers.

  • Декабрь 2011 IndexedDB

    IndexedDB позволяет веб-приложениям хранить большие объемы структурированных данных локально, для более быстрого доступа к ним, вне зависимости от наличия подключения к сети Интернет.

  • Ноябрь 2011 Ноябрь 2011 Dev Derby Challenge - 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

    С помощью Geolocation Вы можете узнать физическое местоположение пользователя (с его разрешения) и использовать его для более приятного серфинга или для активации дополнительных локализационных функций.

  • Август 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.

  • Июль 2011 HTML5 <video>

    С помощью <video> элемента HTML5 вы можете встраивать и управлять видео-материалом прямо на веб-странице, не прибегая к плагинам.

  • Июнь 2011 CSS3 Анимации

    Анимация CSS3 позволяет вам изменять значение свойства в течении времени, анимируя внешний вид или расположение элемента без использования или с минимум использования JavaScript, контролируя переходы.

Resources