Tag Archives: html5

42 魔术师

一种在图片里隐藏你的程序代码的技术

我最近开发了我的第一个网页游戏:一个HTML5的视频智力游戏。开发的过程很有趣,我喜欢编程,但当实现了游戏逻辑后,我有了一个有趣的想法:为什么不想个办法把代码隐藏起来?

Posted in 技术技巧 | 13 Comments
78 browserquest

BrowserQuest:开源的基于HTML5的多人在线RPG游戏

我之所以要推荐这款游戏给大家,是因为这款游戏是开源的,它的后端用的是nodejs v0.4.7,前端是纯HTML,所以,完全可以在自己家里部署这套游戏。

Posted in 新闻资讯 | 8 Comments
28 html5-jquery-paint-plugin

HTML5 jQuery 绘图插件

Websanova Paint是一个利用HTML5画布(canvas)技术的jQuery插件。它能够让你自由的在画板区域使用各种颜色画出任意的形状,还能够涂改。

Posted in 文档手册 | 7 Comments
40 JQUERY_LOGO2

HTML 5 的自定义 data-* 属性和jquery的data()方法的使用

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,

Posted in 文档手册 | 17 Comments

HTML5 Canvas(画布)教程 – 图像处理

Canvas标记很多年前就被当作一个新的HTML标记成员加入到了HTML5标准中。在此之前,人们要想实现动态的网页应用,只能借助于第三方的插件,比如Flash或Java,而引入了Canvas标记后,人们直接打通了通往神奇的动态应用网页的大门。本教程内容只覆盖了一小部分、但却是非常重要的canvas标记的应用功能——图像显示和处理。

Posted in 文档手册 | 12 Comments

HTML4和HTML5之间的10个主要不同

  HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处。   事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的。   可是,其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同之处(并不是全部,全部列出来是不可能的):

Posted in 文档手册 | 5 Comments

HTML5 – 一个访问本地文件的例子

在前面的几篇文章里,我向大家共享了几个HTML5的例子,分别是拖拽功能演示,页面内容可编辑化演示 和 本地存储功能演示。  今天,我将向大家分享一个简单的应用,用来演示使用FileReader的方法, FileReader是HTML5里提供的一个文件操作API。 

Posted in 技术技巧 | 1 Comment

HTML5 – 创建一个Web网页便利贴

在我之前的博客里,我给大家分享了HTML5上 拖拽功能 的例子。在这篇文章里我将研究HTML5上2个新的功能:contenteditable 和 localStorage。当我看了HTML5、W3C规范说明后,我迫不及待的要在这同一个程序上写出例子来演示这些新功能。

Posted in 技术技巧 | 1 Comment

HTML5 – 一个拖拽功能的例子

我最近出席了一系列的研讨会,HTML5这个主题在这些会上反复出现。出于好奇我略看了几眼后,开始觉得应该好好的挖掘一下HTML5,看看它究竟会给我们今天技术上带来哪些好处。一个特别有意思的东西就是拖拽功能编程接口 … 早期的HTML编程开发者一直对此渴望却不可及。我感觉这个功能非常有用 … 拖拽功能的实现已经成了几个不费吹灰之力的函数调用了。 为了演示拖拽用例,我要创建一个简单的网络配置工具(UI),管理员可以用它来收集资源。你能在各个区域之间拖拽资源,往区域里添加资源,删除没有用的资源。出于教学的目的,我尽量使这个例子简单,但可以看到,依据这些基本的做法,你可以开发出一个全功能的网络管理工具。

Posted in 技术技巧 | 4 Comments

使用HTML5的链接预取功能给网站提速

HTML5的链接预取功能(link prefetching)是一个埋在沙里的宝石,至今还很少人知道它的价值。 你可能已经知道了那古老而又闻名的图片预加载功能,链接预取功能就是将此概念由图片扩展到了网页内容(不需要任何AJAX代码)。 它是这样工作的:在页面上添加一个像这样的链接: <link rel=”next” href=”page2.html”> 这样,当你的机器空闲时,浏览器就会自动的在后台把page2.html下载下来。 当用户最终点击了page2.html的链接时,浏览器会从缓存里把这个页面取出来,所以这个页面的加载速度会出乎意料的快。

Posted in 技术技巧 | 2 Comments

HTML5 – 新旧语法简介

众所周知,HTML是互联网有史以来最伟大的发明。这种超文本标记语言实际上是现代互联网发展的一个基石,以它为中心出现了一个独特的自给自足的体系。 当开发HTML5时,它的设计者们正面对着一些很重要的问题,希望能在HTML5里解决。其中的一个问题是,要创建一个真正简洁明了而且易于扩展的语义。 目前这个问题中棘手的部分是老版本的HTML当时是以功能多样的理念为目标设 – 大量的各种各样的标记,当时认为都是一些基本的标记,但如今证明完全是没有什么用途的。HTML5的目的就是要根据目前互联网的状况对其进行改进。

Posted in 杂项 | 3 Comments