临时被邀请去深圳区html5沙龙第六期分享些html5相关的内容。     结果不出意外，没有脱离canvas。     并且由于时间关系，准备不够充分，很多demo甚至就直接从本博客拉下去的。（鄙人表示汗颜...）     但是重心内容是没在本博客发表过的：

  这节课给大家补充一下，一些 前些课程没有接触的知识。 在XHTML中，表单内的从属元素必须书写在表单内部，但是在HTML5中，可以把他们书写在页面上任何地方，然后给元素制定一个form属性，属性值为该表单单位的id，这样就可以声明该元素从属于指定表单了。 这个我想对于我们来说，应该是个很新奇的玩意吧

继续更新我们的教程，哈哈，个人觉得 ，这个HTML5 的官方 LOGO  怎么看，怎么像变形金刚。 神马关系~~~~~~~~~~~ <Canvas> 是HTML5中新出现的一个元素。就是可以通过  JS绘制图形。 目前浏览器对 Canvas 的支持情况如下

哈哈，开始吧，这节课第一个内容是 路径。路径，顾名思义，就是俺拿着画笔，划线呗。 画图的几个步骤。 第一步：找个起点开始画图。----beginPath; 第二步 : 划线，画出自己想要的图像 。 第三步：完成图形，关闭路径。 当然也可以什么都不做，就是画一个点或者一条线   ----- c

       html5作为下一代web标准，年前轩起了html5热潮。对于html5我只是本着了解看看。关于html5和RIA（silverlight，flash，JavaFx等）我不想说什么，也没有什么可说的，存在就有其存在的理由。孰优孰劣，留给事实、时间

哈哈，最进打算写一些关于HTML5的文章，写的不好，请见谅，开始吧。 我想来看 我教程的 童鞋 应该对 HTML5有一定的了解了吧，所以我就不罗嗦的讲，HTML5的“昨天”，“今天”，“明天”了 呵呵，首先，我们用任意的 文本编辑器，新建一个网页 我用的是 NotePad++ 你要是懒得找呢，用记事本也没有关系的。

不久前，Adobe发布了一个展示HTML5和CSS3特性的网站项目：The Expressive Web，该网站以形象生动的例子演示了加入到现代Web中最有创造性和表现力的功能，另外还提供了众多具有视觉冲击力的HTML5和CSS3学习资源。 该网站突出展示了以​​下HTML5和CSS3特性： CSS3 animat

这篇文章向大家展示8个惊艳的 HTML5 和 JavaScript 特效。作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性，越来越多的开发人员开始使用 HTML5 来制作各种交互性强、效果丰富的 Web 应用。下面这些惊艳的示例带您体验 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无

HTML5 是现在Web开发领域的热点，更多的开发人员开始使用HTML5来开发交互性强、效果出众的Web应用和游戏。今天，本文收集了16个精美的 HTML5 单页网站作品，让大家感受一下 HTML5 的魅力，一起欣赏。 Diablomedia Digitalhands Hellocarbon Morehazards Bokicabo Mindepic Tejpotter Unfold

Silverlight最初称为WPF/E，是面向运行在浏览器中的Web应用程序的一个WPF子集。Html5推出以来，Html5取代Silverlight和Flash的言论就从不间断，去年底微软的SkyDrive放弃自家的Silverlight的时候，更增加了大家的猜想，但我想大家或许忽略了一个事实，除非微软自己放弃WPF改用Java或放弃WP7改用Android，否则Silverlight不会消亡

HTML5 有用很多新特性，网页设计师和开发人员可以使用这些特性制作出更加优秀的网站。今天，本文收集了12个 HTML5 网站设计案例，让大家感受一下 HTML5 的魅力，一起欣赏。 The Wired Mind Nike Better World Ben The Bodyguard Quentind Analog Axvisual Bebopweb DBushell Dropr

为交互添加恰当的音效，常常能改善用户体验。在我们所熟悉的windows里，清空回收站的碎纸声就是很好的例子。 下面是一个利用HTML5, Jquery，给页面添加音效的小组件（只是添加音效，并不是播放器）。 其实很简单，就是利用HTML5中的audio标签，播放声音。不过为了照顾IE 6-8，还是用上了bgsound。 兼容所有主流浏览器（非主流不在考虑之列了） 闲话少说，上代码： <a h

效果预览： 你的浏览器不支持canvas，推荐使用chrome进行浏览。 半径: 颜色: 速度: 弹性(0-1): 入射角(0-360): 起始X坐标(0-400): 起始Y坐标(0-400): 功能说明：   一个基于HTML5 canvas的小球物理测试系统，用户可以手动为新的小球设置不同的属性值（颜

作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性。如今，很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待。 Breathing Galaxies 动态变换颜色和直径，可通过键盘或者鼠标产

作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，其中之一就是 video 标签，让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中，我收集了7个很棒的HTML5视频播放器，你可以很容易的应用到你的网站中，文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。 VideoJS VideoJS 是最流行的 HTML5 视

本文将向大家介绍如何利用CSS3的新样式属性制作一个HTML5的Logo。我们先来看看最终的效果： 不要怀疑，上面的logo完全由HTML+CSS实现。我们将logo划分为盾形、数字5和辐射背景三大部分，下面将分别实现每个部分。 盾形 盾形在外形上是左右对称的，因此我们可先完成左半边，右半边可复制过来再修改一些参数。左半边准备用三个div实现，其中有两个div需要倾斜一定的角度来实现盾形的左边和

HTML5然还在草案阶段，不过 HTML5 这名词实在越来越热，互联网上很多产品都深度应用了HTML5，比如WebQQ，可以看看http://www.infoq.com/cn/news/2011/06/html5-in-china 文章了解下。 HTML5 除了新增的元素(卷标)之外，还包括许多 JavaScript API，如果没有 Intellisense 还真的不太方便，如果你已经升级到 V

Bob Muglia在PDC 2010讲到Silverlight的时候，说“我们的策略已经转移了”，事后，他又试图澄清这到底是什么意思。Steve Ballmer和Tim Heuer也对Silverlight发表评论，试图重新让社区确信微软对Silverlight的承诺，但是他们也指出这样的事实，HTML5是针对跨平台开发的解决方案，而Silverlight针对的是客户端和

在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象，但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。 　　一、坐标系 　　其实只要玩过一点点图形编程的人都知道，电脑上的坐标系和数学上的坐标系稍微有点不同，坐标的原点在绘制区域（这里是Canvas）的左上角，X轴正向朝右，Y轴正向朝下，如下图

很久没有更新博客了，最近比较忙，而且也没什么idea！ 最近看了一个坦克大战的html5源码，发觉颇有收获。所以抽空写了一个相对于以前的小游戏复杂些的塔防游戏！也算是一种对于自身的突破！ 虽然是demo版，也不能太丑，所以我还是找了一些素材图片，找素材图片还真麻烦！   本次用到了5个canvas画布标签！ map：用于绘制背景地图，基本上画上一次就不会重画。 main：用于绘制敌人与子