HTML5知识库
最近更新文章
[转] [HTML5] HTML5开发入门--第1回 何为HTML5？
http://bbs.9ria.com/thread-80129-1-1.html 第1回 何为HTML5？最近经常会看到“HTML5”一词吧。本系列就是学习HTML5基础知识的入门连载，包含了JavaScript的API、CSS3、SVG等内容，定叫你耳目一新。文中会讲解到“使用HTML5能干什么？”、“要实现它，需要写怎么样的代码？”等问题。 HTML5包含哪些内容？ 近来，“HTML5”一 ...
IBM发布开源HTML5可视化设计工具Maqetta
IBM推出了一个基于浏览器的开源HTML5网页编辑工具Maqetta，支持Google Chrome、Mozilla Firefox 3.5+（推荐Firefox 4）和Mac Safari 5，为用户体验设计师提供了一个可见即可得的可视化编辑环境。 Maqetta目前发布了Preview 1版，可以在浏览器上直接使用，无需安装任何插件，用户也可以选择下载和安装到自己的服务器上。 Maqet ...
HTML5 初体验
Here is my understanding of html5 and its potentials - that openvarious possibilities for our brand-new product html5 client.These slides shared by Ricardo summarized the best:http://slides.html5rocks. ...
html5特性检测
//canvas var myCanvas = document.createElement("canvas"); if (!!myCanvas.getContext) { //alert('support canvas api'); } else { //alert('no support canvas api'); } //canvas fileText ...
html5 拖拽
HTML5拖拽文件以及显示文件 利用支持HTML5（具体是拖拽API和File API）的浏览器拖拽图片/音频文件到浏览器窗口指定区域来看到预览（还未上传），需要了解的知识主要是拖拽API，和通过拖拽事件获得File之后，对File进行相关信息读取。在HTML5出现之前读取文件信息操作往往是通过后台来实现，现在浏览器也具有了这样的能力，就能提供更好的用户体验。需要的知识大概如下： (拖拽事件 AP ...
HTML5 WebSocket 示例
我们通过一个简单的例子来熟悉 HTML5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备：Jetty 7 ，Java Web 开发环境，Chrome 4+ 服务端 Java 代码：final public class CounterSocketServlet extends WebSocketServlet { @Override protected ...
使用HTML5语义元素(Using HTML5 semantic elements today)
本文翻译自Nicholas C. Zakas的博文Using HTML5 semantic elements today.限于个人能力有限，翻译的定有不妥之处，欢迎板砖，请不要留情。翻译的过程中感谢谷歌翻译和有道词典。 原文地址： http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/ 使用 ...
html5 本地存储
HTML5本地存储初探(二)完成了UI，我们就需要对数据进行处理了。在开始“数据”的本地存储之前，我们先来了解一下client-side database storage API:the client-side database storage API allows web applications to store structured data locally using a medium ma ...
html5 使用图像
Canvas 相当有趣的一项功能就是可以引入图像，它可以用于图片合成或者制作背景等。而目前仅可以在图像中加入文字（标准说明中并没有包含绘制文字的功能）。只要是 Gecko 支持的图像（如 PNG，GIF，JPEG等）都可以引入到 canvas 中，而且其它的 canvas 元素也可以作为图像的来源。 引入图像 Importing images 引入图像只需要简单的两步： • 第一当然是来源图片，不是 ...
html5 绘制图形
绘制图形不像 SVG，canvas 只支持一种基本形状——矩形，所以其它形状都是有一个或多个路径组合而成。还好，有一组路径绘制函数让我们可以绘制相当复杂的形状。矩形 Rectangles我们首先看看矩形吧，有三个函数用于绘制矩形的： fillRect(x,y,width,height) : Draws a filled rectangle strokeRect(x,y,width,height) : ...
HTML5 WebSockets
HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket，创建客户端并通过WebSockets协议发送和接收服务器端信息。 什么是WebSockets？ WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。同时WebSockets仍将基于W3C标准，目前为止，C ...
html5 demos-渐变
<html> <head> <title>Canvas</title> <script> window.onload = function(){ var elem = document.createElement("canvas"); elem.width = 500; elem.height = 500; do ...
HTML5设计原理
今天我想跟大家谈一谈HTML5的设计。主要分两个方面：一方面，当然了，就是HTML5。我可以站在这儿只讲HTML5，但我并不打算这样做，因为如果你想了解HTML5的话，你可以Google，可以看书，甚至可以看规范。 实际上，确实有人会谈到规范的内容。史蒂夫·福克纳（Steve Faulkner）会讲HTML5与可访问性。而保罗·艾里什（Paul Irish）则会讲HTML5提供的各种API。因此， ...
HTML5学习碎片
http://www.cnblogs.com/xiaoshatian/archive/2011/02/14/1954032.html 春节在家读了两本介绍HTML5的书：《HTML5 Up and Running》和《Pro HTML5 Programming》，得益于Kindle的便捷，一边读一边标注了一些内容，随感觉而标记，不成体系，所以称之为“碎片”，记录于此作为存档。 浏览器支持情况检 ...
HTML5 Recources
Designing a blog with html5 http://html5doctor.com/designing-a-blog-with-html5/ 15个 HTML5 教程和参考手册 http://introducinghtml5.com/ http://diveintohtml5.org/ http://diveintohtml5.com/ 中文版 http:/ ...
