Mozilla 演示室 展示

开发者德比大赛

开发者德比正处于间歇

开发者德比正处于间歇,但会很快恢复。

近期挑战赛

  1. 文件 API

    7月

    发现文件

    文件 API 让你能读取你的用户提交的文件内容,使自然、亲近的文件操作成为可能。

  2. getUserMedia

    5月

    行动!

    getUserMedia 函数可以(在获得授权的情况下)访问用户的相机和麦克风,不需要借助插件。借助他能实现哪些功能?一切皆有可能。

  3. WebGL II

    6月

    超越3D!

    WebGL 为网页带去了 OpenGL 的力量,无需插件即可创建交互式 3D 图形。

开发者德比正处于间歇

我们正在更新比赛系列,因此开发者德比目前正处于间歇期。当比赛重新开始,你会看到比赛形式上的一些变化。当然,开发者德比的使命没有改变:为网络开发者提供一个学习、分享和推动网络发展的平台。

一会儿见!

先前的开发者德比挑战赛

  • 2013年7月 文件 API

    文件 API 让你能读取你的用户提交的文件内容,使自然、亲近的文件操作成为可能。

  • 2013年6月 WebGL II

    WebGL 为网页带去了 OpenGL 的力量,无需插件即可创建交互式 3D 图形。

  • 2013年5月 getUserMedia

    getUserMedia 函数可以(在获得授权的情况下)访问用户的相机和麦克风,不需要借助插件。借助他能实现哪些功能?一切皆有可能。

  • 2013年4月 Web Workers

    Web Workers 能够很容易地在后台运行脚本。通过它,您可以创建绚丽的用户界面而不会受到哪怕是最密集的计算任务的影响。

  • 2013年3月 移动

    时光荏苒,移动互联网正变得越来越重要。时至今日,唯一的限制就是你的创造力。你能为旅途中的用户带来什么样的惊艳体验呢?

  • 2013年2月 多点触控

    触控事件API允许你同时追踪并支持设备上的多个触点以便创建复杂的游戏、支持通过捏屏幕缩放以及更多。有了多点触控,你的程序可以响应用户期待的所有互动。

  • 2013年1月 拖放

    拖放API 给用户带来一种怀旧的体验,使得用户和Web的交互更加丰富自然亲切。

  • 2012年12月 离线

    得益于开放网络日益成熟的离线兼容性,你创建的程序可以在有或没有网络连接的情况下运行。通过离线技术,你可以更好地为旅行者和移动设备用户服务并改善使用体验以及更多。

  • 2012年11月 全屏 API

    有了全屏API,你可以脱离浏览器窗口的束缚。你甚至可以侦测全屏的状态变化并设计专门的页面。这真是太棒了!

  • 2012年10月 CSS 媒体查询 II

    目前在优先考虑移动设备的响应式网页设计中,CSS 媒体查询是一种常用的工具,甚至得到了 W3C 的推荐!他不仅可以告诉您屏幕宽度,还有其他很多信息。您能用媒体查询来做什么呢?

  • 2012年9月 地理位置 II

    使用 Geolocation,您可以获得用户的物理位置(在得到用户许可后),使用它可以增强浏览体验,或者用在高级的位置相关功能中。

  • 2012年8月 相机 API

    相机 API 经过允许后可以访问移动设备的相机,用户可以轻松拍照且可以将照片上传到网页上.

  • 2012年7月 无 JavaScript

    创建丰富的用户体验从未如此容易。如今的开放网络标准可将最强大的功能送到你的指尖。用CSS制作动画网页,用HTML验证用户输入,以及更多。不用JavaScript,你还能做些什么?

  • 2012年6月 WebGL

    WebGL 为网页带去了 OpenGL 的力量,无需插件即可创建交互式 3D 图形。

  • 2012年5月 WebSockets API

    使用 Websocket API 和协议,您可以在浏览器和服务器之间打开一个双向通道,适应可伸缩和实时的数据传输,而不再需要服务器端轮询!

  • 2012年4月 音频

    HTML5的audio元素可以让你无需插件即可在网页中插入音频。

  • 2012年3月 CSS 3D 变形(Transforms)

    CSS3D变换将CSS变换进行拓展使由CSS渲染的元素可以在三维空间进行变换。

  • 2012年2月 触控事件

    当用户与触摸屏互动时,触摸事件帮助你通过适当的回应来使网站和应用程序更吸引人。

  • 2012年1月 方位探测

    HTML5的方向功能可以从加速度感应器中获取运动和方向数据。

  • 2011年12月 IndexedDB

    IndexedDB 让网页应用程序在本地存储大量的结构化数据,无论在线或离线都可以快速的存取。

  • 2011年11月 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年10月 CSS 媒体查询

    CSS媒体查询可以让网页开发者创建响应式的页面,定制不同屏幕尺寸的用户体验,包括桌面计算机,平板,和移动设备。

  • 2011年9月 地理位置

    使用 Geolocation,您可以获得用户的物理位置(在得到用户许可后),使用它可以增强浏览体验,或者用在高级的位置相关功能中。

  • 2011年8月 历史 API

    现代浏览器的历史 API 可以不用点击上一页按钮就能修改文档内容,并允许应用程序被添加到书签。

  • 2011年7月 HTML5 <video>

    HTML5 中的 <video> 元素可以让你不需要插件即可直接在网页中嵌入并控制视频媒体。

  • 2011年6月 CSS3 动画

    CSS3 动画让您可以随着时间变化修改属性值,进而使元素的位置和外观在不使用或只使用少量简单的 JavaScript 的情况下就可实现动画,并且这比变换更易掌控。

先前的获奖者

miniPaint

miniPaint viliusl

Online graphics editing tool using HTML5.

观看演示

奖项

  1. Android 移动设备

    冠军得到一部由三星提供的 Android 移动设备。

  2. Rickshaw 电脑包

    亚军获得由 Rickshaw 提供的手工制作的电脑包。

  3. MDN T恤衫

    第三名获得限量版 MDN T恤衫彰显极客身份。

资源