HTML5知识库
最近更新文章
52Framework：实现HTML5和CSS3的Web开发框架
52Framework是一个Web开发框架，它能实现HTML5和CSS3。它是一个跨浏览器的框架，可以在所有主流的浏览器上运行，包括IE6。主要是采用一个HTML5 enabling JavaScript file文件来实现。 特性： HTML5 o Use of all the most useful current html5 tags including: header, na ...
Google：你好 HTML5，再见 Gears
Google Gears是为浏览器开发的新型插件，使得网页应用可以离线使用，比如离线使用Gmail，存取其中的邮件。但是Google已经下定决心跟 Google Gears 说永别了。 Google为什么抛弃Gears？并不是说Google Gears不够流行不够强大，而是浏览器已经可以通过HTML5这个新的标准来支持Google Gears能做到的那些事情，而且可以让浏览器保持简洁性。 ...
神奇的HTML5 画图应用
昨天，Dzone上有一篇名为：Amazing HTML5 paint app 的文章，受到了很多人的关注。文中只有一句话“Sorry Adobe Flash, your days are numbered”（Adobe Flash，你的死期将至）。也许你会想，IE 压根就不支持HTML5！那是因为你不知道有explorercanvas（HTML5 Canvas for Internet Explor ...
苹果：Adobe太懒惰 Flash将被HTML5取代
苹果在旧金山的发布会上刚刚宣布平板机iPad的时候，Adobe就在官网上对iPad不支持Flash做出了回应，表示将在Flash Pro CS5中新增一项技术，开发人员可以使用Flash为苹果iPad开发应用程序。上周末苹果首席执行官史蒂夫·乔布斯（Steve Jobs）在加利福尼亚州库比蒂诺总部的内部大会上接受了苹果员工的提问，其中就提及了Adobe。 乔布斯表示，Adobe太懒惰了，他们 ...
在各种浏览器上的HTML5 Canvas ，Javascript性能测试
Freeciv.net（一个在线游戏网站）为了测试其网站在不同的浏览器的性能差异，创建了一个测试应用-freeciv-forever 。根据其显示的测试结果对Javascript代码和HTML5 Canvas的实现进行改进。 为了开发出具有竞争力的富Web应用，使用Javascript和HTML5 Canvas元素时请注意：目前大多数的浏览器都支持 HTML5 canvas元素，但是IE不支持，所以 ...
实时视频工具，展示HTML5 video, canvas, Ext 特性
David Davis创建了一个Live video示例，用于展示HTML5 video和Canvas的特性。<video> 标签是为了原生的视频渲染，这样的话就不用那些第三方的如Flash的插件。至于<canvas> 标签，则是为了在像素级别，这么细的一个级别中“画出”复杂的图形图像，而且是一个清晰而强大的API。 作为HTML5的一部分，<video> ...
SproutCore 1.0 Rc1发布，HTML5应用框架
SproutCore不久前发布了1.0 Rc1版本，你可以通过gem进行安装。SproutCore的目标是在浏览器中提供极佳的桌面效果应用而无需任何浏览器插件。SproutCore能与任何后端服务器技术搭配使用。事实上，一旦部署之后，SproutCore应用只包含标准的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore应用。 这次主要对加载时间进行了优 ...
HTML5 Canvas FTW（for the win）
Dmitry Baranovskiy, Raphaël的作者，发布了一个关于HTML5 Canvas标记的介绍，很出色，点击查看：http://www.slideshare.net/Dmitry.Baranovskiy/canvas-2195590?src=embed 扩展阅读：Raphaël是一个小型JavaScript库，用于简化您的Web矢量图形工作。如果你想创建自己特点的图表或图形的裁剪和 ...
step by step教程：使用HTML5和CSS3的便笺
在这个演示中，你可以创造一个新的便笺，它会保持到本地的SQl存储，并且可离线访问。当你需要关闭便笺时会会出现一个漂亮的动画效果。 涉及到的技术： HTML5 Application Cache HTML5 Database API CSS Transitions [1, 2] JavaScript OOP programming & Getters and Setters ...
让IE支持HTML5 Canvas
David Anson创造了一个新的prototype canvas，使其能够在Silverlight中正常工作。David说道：因为之前有人提供的一个Silverlight的桥梁（explorercanvas-HTML5 Canvas for Internet Explorer），让我在创造Silverlight对象的时候没有任何困难，就像在一个Web页面上运行一个<canvas>标记 ...
漫画：混乱的标记语言XHTML2/HTML5（附中文版翻译）
今天早些时候在smashingmagazine网站看到了一个有趣的漫画- Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip，没想到下午就发现了中文版！以下文章转载自 JustinYoung： W3C最近宣布将于今年年底解散XTHML2工作组。一石激起千层浪，很多误解和谣言四起，江湖一片血雨腥风，搞得网页设计师人人自危，好像世界末日即将到来。其实， ...
Firefox 3.5 使用 HTML5 Drag and Drop
Les Orchard，将HTML 5 drag and drop 带入了Firefox 3.5。 Demos（示例） Old school drag and drop New school drag and drop New school drag and drop, now with Event Delegation! Using drag feedback images Using dat ...
使用HTML5 的打鼓机器
Brian Arnold使用HTML5<audio>创建了一个有趣的打鼓机器 - HTML5 Drum Kit，我们之前也介绍过一个不使用Flash的打鼓机器：JS-909。 function playBeat() { if (isPlaying) { var nextBeat = 60000 / curTempo / 4; // Turn off all lights on the ...
Modernizr：HTML5和CSS3检测
Modernizr是一个新的库，可以检测各种HTML5和CSS3的功能，并且让你知道如何去使用它们。不过目前对 Canvas† 和 CSS Columns支持目前还很基础。 .cssgradients #main { background: -webkit-gradient(linear, left 0, right bottom, from(rgba(255,255,255, .82)), ...
动态内容注入，使用HTML5 Canvas 和Video
Paul Rouget和Tristan Nitot 使用Canvas和<video>创造了一个很有趣的工具，由paul提供的最新demo 为我们展示了实时的动态内容注入。注意到图片中的Firefox图标和发光的手机了吗？这都要归功于 Canvas。Paul向我们解释了他是如何做到的：很显然，我使用了 <video/> 标记；但是你们并没有看到video的元素（display： ...
