精选演示
-
制作一个黑客 - 媒体查询马里奥
就像任何开发者一样,我喜欢任何出现在我浏览器中的闪亮新技术演示;人们正在组合的一些东西绝对让我对展示的创造力和技术技能感到震惊。在 10 月中旬参加 WebDevConf 2012 后,我感到通常的灵感增强的感觉,[… ]
-
BrowserQuest - 一个大型多人 HTML5(WebSocket + Canvas)游戏实验
是时候用一个新的 HTML5 游戏演示来进行一些游戏行动了:BrowserQuest,一个由 Little Workshop (@glecollinet & @whatthefranck) 和 Mozilla 创建的大型多人冒险游戏。玩游戏:browserquest.mozilla.org BrowserQuest 向经典视频游戏致敬,并带有一个多人模式。您扮演一个年轻的战士,被冒险的刺激所驱使。没有 [… ]
-
使用拖放和 HTML5 画布创建缩略图
HTML5 画布是一个非常酷的功能。似乎只是在浏览器内部使用非常底层的 API 进行绘画的机会,您可以使用它来大量转换和更改文档中的图像和视频内容。今天,让我们快速了解一下如何使用 Canvas 和 FileReader API 来创建 [… ]
-
屏幕录制:OpenPhoto.me 上的 BrowserID 登录流程
BrowserID 是一项旨在为网络提供更好登录方式的计划。网络是一个互联的资源集合,您不应该为每个资源都拥有一个用户名和密码,因为您可以使用网络来代替。今天,我们向您展示了屏幕录制,展示了如何使用 [… ]
-
Firefox Nightly 中的 CSS 3D 变换
当 CSS 中的第一个 3D 变换在 Webkit 浏览器上得到支持时,人们对它们感到非常兴奋。现在它们已经成熟,我们也支持 Firefox 中的 3D CSS。要亲眼看看,请查看最新的 nightly 版本。您可以在这个旋转的演示中看到它们在行动中 [… ]
-
Rofox,一个 CSS3 动画演示
Firefox 5 上周发布了。此版本附带 CSS3 动画。这是 Anthony Calzadilla 制作的演示。为了说明您可以使用 CSS3 动画实现什么,我们一直在与 Anthony Calzadilla (@acalzadilla) 合作开发演示,他以其出色的动画项目而闻名。在 Mozilla Demo Studio 上查看演示。以及 [… ]
-
Firefox 4 for Mobile:演示!
Firefox 4 for Mobile(Maemo 和 Android)的候选发布版已经发布。如果您想快速了解 Firefox for Mobile,请查看 Madhava 的帖子。Firefox 4 桌面版,Firefox 4 移动版:相同的引擎!这太棒了!这意味着您将在移动端和桌面端找到相同的功能:HTML5、CSS3 [… ]
-
Firefox 4 演示:更多 3D!
Firefox 4 发布了!耶!为了庆祝发布,我们在 Web O’ Wonder 上发布了另一轮演示,其中包含 3 个很棒的 WebGL 演示!(这一轮新演示还介绍了特定于移动设备的演示,请参阅此专用博客文章)。WebGL:它将 3D 和 Web 内容融合在一起。Cédric Pinson 和 Guillaume Lecollinet 的演示。GlobeTweeter 是一个 [… ]
-
Firefox 4 演示:很棒的 CSS3 天文馆
嗨,像素爱好者!看看这个华丽的 CSS3 演示:Planetarium,由 LittleWorkshop 团队 (@glecollinet & @whatthefranck) 制作。屏幕录制:Youtube 链接。华丽的动画 此演示中展示的主要功能是 CSS3 过渡。欢迎屏幕和星球屏幕之间的动画,以及不同星球之间的动画都是由过渡驱动的。但也有 [… ]
-
Firefox 4 演示:Runfield - Canvas 游戏
耶!Web’o Wonder 中的另一个很棒的演示!借助硬件加速和快速的 JavaScript 引擎,Web 平台已准备好迎接游戏。Runfield 就是一个例子。这个 HTML5 游戏是由 Ilmari Heikkinen 开发的。它基于 Canvas 2D,这款游戏可以在所有最近的浏览器上运行。(此处的精简版本 - 哦![… ]