html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- HTML5—新语义元素使用及兼容1.新语义元素：HTML5提供了新的语义元素来明确一个Web页面的不同部分。：描述了文档的头部区域，于定义内容的介绍展示区域：定义导航链接的部分。：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分，section通常包含了一组内容及其标题。：定义独立的内容。：定义页面主区域内容之外的内容（比如侧边栏）。：标签规定独立的流内
- HTML5—浏览器支持问题最新版本的Safari、Chrome、Firefox以及Opera支持某些HTML5特性。InternetExplorer9将支持某些HTML5特性。为了能让旧版本的浏览器正确显示这些元素，可以设置CSS的 display 属性值为 block:header,section,footer,aside,nav,main,article,figure
- Html5 Canvas初探学习笔记(1)-画一个矩形 canvas元素是Html5相对于之前的Html的一个新增特性，本部分的博客文章就将研究这个组件的应用，尤其是在网页游戏开发上的应用。
- Html5 Canvas初探学习笔记(2) -绘制深入 上一篇基本的介绍了Html5canvas的基本概念，对于大多数学习使用过j2me和android的画布进行绘图的程序员来说，理解Html5的Canvas并不是难事。本篇就继续上一篇的内容，讲解绘制直线，圆弧等方法。
- Html5 Canvas初探学习笔记(3) -绘制样式和绘制文本 通过设置2d渲染上下文的fillStyle和strokeStyle的属性，就可以改变填充颜色或者绘制颜色。
- Html5 Canvas初探学习笔记(4) -清除屏幕 canvas中有两种方法可以清除屏幕，一种是clearRect和整个屏幕宽度高度技巧。不同的是clearRect可以实现部分的屏幕的清除也可以实现清除全屏的方法，而重设屏幕宽高只能清除部分的屏幕。
- Html5 Canvas初探学习笔记(5) -绘图状态在之前的文章中，提到过一些绘图的状态值，比如线宽，和颜色。在Html5的Canvas中，绘图状态指的就是2d渲染上下文外观的整套属性，包括绘制轮廓颜色，填充颜色，线宽，变换矩阵，裁减区域等。我会在之后的文章中介绍更多的状态值。本篇文章就主要讲解保存状态和恢复状态的例子，讲解这个栈的结构。
- Html5 Canvas初探学习笔记(6) -变换在html5中，可以实现多种的图形变换包括平移，缩放和旋转。可以通过两种方式，分别是矩阵法和函数法，以下分别介绍平移，缩放和旋转用这两种方法实现。
- Html5 Canvas初探学习笔记(7) -合成本篇介绍另外两个绘制的状态值，分别是全局阿尔法值和合成操作，首先来看全局阿拉法值
- Html5 Canvas初探学习笔记(8) -阴影本篇继续介绍html5的一些状态值，html5的绘制上下文提供了丰富的效果，本篇介绍阴影的效果，阴影有四个状态值控制，分别是shadowBlur，shadowOffsetX，shadowOffsetY和shadowColor。
- Html5 Canvas初探学习笔记(9) -渐变 本篇继续介绍html5的绘制效果，和之前介绍的不同，本篇介绍的渐变并不是一个状态值，他是之前介绍的fillStyle的一个值。首先来看一个例子：
- Html5 Canvas初探学习笔记(10) -复杂路径 之前已经介绍过简单的绘制路径，本篇介绍绘制折线和贝塞尔曲线，首先介绍折线，效果如下：
- Html5 Canvas初探学习笔记(11) -简易图片操作就是把一张简单的jpg格式的图片显示在网页上，实现起来也非常简单，代码如下：
- Html5 Canvas初探学习笔记(12) -图片裁减和调整 上一篇讲了图片的两种操作，读入和导出，而读入图片之后的画图片我们采用的是只有三个参数的drawImage，本篇将分别介绍5个参数，和9个参数的drawImage，其实最后一个函数很像j2me里面的drawRegion。首先介绍5个参数的可以调整图片大小的drawImage函数。
- Html5 Canvas初探学习笔记(13) -图片变换之前的图形变换中的那些操作的状态值，在图片操作里依然有用，虽然像缩放这样的操作我们在绘制的时候就可以实现，不过这依然是一种实现的方法
- Html5 Canvas初探学习笔记(14) -简单动画实现之前都是简单的静止绘图，本篇实现一个简单的动画效果，效果如下：
- Html5 Canvas初探学习笔记(15) -鼠标事件本篇完成这样一个例子，让主角随着鼠标移动，效果如下：
- HTML5各引擎显示效率比较现在越来越多的人开始尝试使用HTML5开发，HTML5的引擎也逐渐增多，开发者到底应该选择一款什么样的引擎呢？这一次我来对比一下几个我个人认为还不错的引擎的效率。本次参加对比的引擎：1.createJS，2.cocos2d-HTML5，3.enchant.js，4.lufylegend.js?1.1.9
- HTML5开发中使用MVC模式 很多人一定会说，js开发根本不需要什么MVC，用了就是给自己找麻烦。在这里，我不去讨论需不需要的问题，只是我个人感觉这次的开发使用了MVC模式之后，代码各个模块确实一目了然，维护和扩展都相对方便了许多，很适合大中型的开发，当然对于小程序而言，也确实没有使用MVC的必要。现在我将这个框架公开，并在这里简单说明一下它的用法，这个框架是我在很短的时间内完成的，所以一定存在很多不完善的地方，如果你有更好的想法，也欢迎提出来一起讨论。
- HTML5超帅动画制作－LTweenLite的妙用lufylegend.js是一个开源的HTML5游戏引擎，在游戏中往往会有各种的动画，这些动画有些是flash文件，有些是视频文件，本次就来利用lufylegend制作一个帅气的游戏动画。
- HTML5开源游戏引擎lufylegend1.8.0发布lufylegend是一个HTML5开源引擎，它实现了利用仿ActionScript3.0的语法进行HTML5的开发，包含了LSprite，LBitmapData，LBitmap，LLoader，LURLLoader，LTextField，LEvent等多个AS开发人员熟悉的类，支持GoogleChrome，Firefox，Opera，IE9，IOS，Android等多种热门环境。利用lufylegend可以轻松的使用面向对象编程，并且可以配合Box2dWeb制作物理游戏，另外它还内置了
- HTML5开发-在你的游戏应用中加入广告在中国，一般都是不喜欢花钱的，如果你的游戏或者应用是需要付费的，那么玩的人就少。所以大多数开发者都会选择在游戏中植入广告，来获取些许微薄的收入。下面我来说说如何利用lufylegend.js开源引擎在游戏中加入广告。利用lufylegend.js引擎1.7.2版中的新功能LStageWebView，可以在html中加入一个iframe用来显示一个外部页面，我们可以利用这个功能来显示广告。lufyl
- 画出自己的UI组件的详情HTML5开源引擎lufylegend-1.7.1版的下载包内包含了lufylegend.ui-0.1.0.js文件，它是一个lufylegend.js引擎的专用UI组件，我在api的介绍里也说了，这个UI组件是专门为懒人准备的，包含按钮，单选框，多选框，组合框，滚动条等UI。下面我来具体说一说这些UI的绘制过程，也方便大家更好的理解和扩展新的UI组件。1，矩形按钮LButtonSample1首先
- HTML5开源游戏引擎lufylegend1.7.1发布HTML5开源引擎lufylegend1.7.1版发布，下载包内含开发示例近30个，已分享至github。lufylegend.js引擎官网http://lufylegend.com/lufylegendlufylegend.js引擎在线API文档链接http://lufylegend.com/lufylegend/api一，1.7.1版更新内容1，修改了ie10中LURLLoader读取js的b
- 抽出1个小时制作一款简单的物理小游戏(绳子原理)前天公司聚会，在一起玩游戏，游戏虽然及其简单，但是却很适合在活动中玩，因为公司参加聚会的人比较多，所以只有一部分人玩到了。晚上回家后我试着将其中一款游戏用html5还原了一下，第二天给大家玩儿，在公司的人气爆火，尤其女生，边玩边叫，“おもしろい！！”，“難しい！！”...。一般大家看到女生喜欢，肯定急切想知道是什么游戏吧？游戏界面如下。看到游戏界面后，估计有几个人已经摔倒在地了吧，就是一个及其简单