Feb222012
千呼万唤 HTML 5 (2) – 区块元素
介绍
HTML 5: 区块元素
区块元素 – body, article, section, header, footer, h1, h2, h3, h4, h5, h6, hgroup, aside, nav, address
示例
1、body - 用于定义文档的主体
element/section/body.html
<!doctype html>
<html>
<head>
<title>body</title>
</head>
<!--
body - 用于定义文档的主体。其相关事件处理属性如下
-->
...阅读全文
抢沙发
Feb222012
千呼万唤 HTML 5 (1) – 根元素, 元数据元素, 脚本元素
介绍
HTML 5: 根元素, 元数据元素, 脚本元素
根元素 – doctype, html
元数据元素 – head, title, base, link, meta, style
脚本元素 – script, noscript
示例
1、doctype - 文档类型
element/root/doctype.html
<!--
<!doctype html> - 声明文档类型为 HTML5 文档
-->
<!doctype html>
<html>
<head>
<title>doctype<...阅读全文
Dec222011
使用JavaScript和Canvas开发游戏（五）
原文作者：Matthew Casperson • 编辑：Michele McDonough
原文链接: Game Development with JavaScript and the Canvas element
1、认识一下Canvas
2、在Canvas上绘图
3、通过Canvas元素实现高级图像操作
4、写一个游戏框架（一）
5、写一个游戏框架（二）
6、通过Canvas实现视差滚动
7、动画
8、JavaScript键盘输入
9、综合运用
10、定义级别
11、跳跃与坠落
12、添加道具
13、加载资源
14...阅读全文
Dec222011
使用JavaScript和Canvas开发游戏（三）
原文作者：Matthew Casperson • 编辑：Michele McDonough
原文链接: Game Development with JavaScript and the Canvas element
1、认识一下Canvas
2、在Canvas上绘图
3、通过Canvas元素实现高级图像操作
4、写一个游戏框架（一）
5、写一个游戏框架（二）
6、通过Canvas实现视差滚动
7、动画
8、JavaScript键盘输入
9、综合运用
10、定义级别
11、跳跃与坠落
12、添加道具
13、加载资源
14...阅读全文
Dec222011
使用JavaScript和Canvas开发游戏（二）
原文链接: Game Development with JavaScript and the Canvas element
1、认识一下Canvas
2、在Canvas上绘图
3、通过Canvas元素实现高级图像操作
4、通过Canvas实现视差滚动
5、写一个游戏框架（一）
6、写一个游戏框架（二）
7、动画
8、JavaScript键盘输入
9、综合运用
10、定义级别
11、跳跃与坠落
12、添加道具
13、加载资源
14、添加主菜单
3、通过Canvas元素实现高级图像操作
http://...阅读全文
Dec222011
使用JavaScript和Canvas开发游戏（一）
原文作者：Matthew Casperson • 编辑：Michele McDonough
原文链接: Game Development with JavaScript and the Canvas element
1、认识一下Canvas
2、在Canvas上绘图
3、通过Canvas元素实现高级图像操作
4、通过Canvas实现视差滚动
5、写一个游戏框架（一）
6、写一个游戏框架（二）
7、动画
8、JavaScript键盘输入
9、综合运用
10、定义级别
11、跳跃与坠落
12、添加道具
13、加载资源
14...阅读全文
Dec042011
推荐10款非常优秀的 HTML5 开发工具
HTML5 发展如火如荼，随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟，未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具，帮助你更高效的编写 HTML5 应用。
Initializr
Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的...阅读全文
作者：放 | 分类：html5 | 阅读：198 views |
Dec022011
Chrome奋战在HTML5最前线
Chrome在浏览器领域中一直被视为创新型“人才”，尽管不是国货，其“行为”却与国家培养创新型人才的口号相似。HTML5，你应该懂的，正是 互联网巨头们此刻埋头 苦干的研究对象。HTML5是个什么玩意儿？Chrome与的HTML5有何缘分？Chrome与HTML5结缘，又是源自什么动力呢？
小窥Chrome在HTML5能力测试中的分数
2010年年中，一个测试浏览器运用HTML5情况的网站诞生(html5test.com)，该网站根据HTML5...阅读全文
作者：放 | 分类：html5 | 阅读：199 views |
Dec022011
22个HTML5 技巧三
22个HTML5 技巧三：我们继续讲解HTML5的技巧。
16. 视频支持
音频元素 <audio>非常像，在新的浏览器上也支持HTML5视频。事实上，就在最近YouTube宣布了一项新的 HTML5视频嵌入。可惜的是，由于HTML5说明文件并没有为视频指出某个特定的编码器，所以都主要取决于浏览器来决定了。尽管Safari和IE9可 以支持H.264 格式的视频，Firefox 和Opera却仍然坚持Theora 和Vorbis格式。因此，显示...阅读全文
作者：放 | 分类：html5 | 阅读：1101 views |
Dec022011
22个HTML5 技巧二
22个HTML5 技巧二：上面一章讲到了HTML5的几个技巧，现在我们来学习新的技巧。
8. 占位符
此前，我们需要使用JavaScript来创建文本框的占位符。你可以初步设定值属性来看是否合适，但是只要用户删除了该文本，输入的内容就会再次变成空的。占位符属性有效地弥补了这一点。
<input name=”email” type=”email” placeholder=”xingyuyu27@163.com” />
9. 本地存储
多亏了HTML5的 lo...阅读全文
作者：放 | 分类：html5 | 阅读：190 views |
.