html5 video
HTML 5加入视频标签<Video>，无疑是HTML 5的一大亮点。本文一起来学习下吧。 Video标签介绍 大多数用户已经安装了Flash插件（事实上，大概95%的上网用户都装有Flash的某个版本），但HTML 5的支持者正在推动一个开放的，不需要任何插件的视频标准。这就是HTML 5的新标签<video>带来的构想，他提供了一个嵌入视频（以及与其交互）而不需要类似 ...
怎么学HTML5?
转: http://blog.outwa.com/2011/03/how-to-learn-html5/ 我们大半年来的学习HTML5实用资源汇总。同时分享一份几个月前做的一份培训材料《HTML5应用介绍》，欢迎下载（新浪微盘，需要微博帐号）！ 实用资源 HTML5演示教程 IBM developerWorks 中国HTML5专题 diveintohtml5 HTML5开发可能用 ...
Dive Into HTML5：检测 HTML5 特性
原文出处：http://www.devbean.info/2011/04/dive_into_html5_3/，转载请注明原始出处。 我们前面已经说过，HTML 5 不是一个全新的事物。你不能说诸如“我的浏览器不支持 HTML 5”之类的话。但是，你可以检测你的浏览器究竟支持 HTML 5 的哪些特性。下面，我们将介绍一下这种技术。当浏览器渲染 web 页面的时候，它会构造一个文档对象模型（Doc ...
HTML5
前言 HTML 5如同一场革命，正在Web2.0后时代轰轰烈烈的进行着。 HTML 5是什么，无须我在这里赘述了。对于HTML 5的革新，按我的理解，可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需要插件的富动画(canvas)、强大的API支持。总之，HTML 5让人机交互，人网交互变得更加舒适，贴合用户。以往对富媒体应用与本存储的支持乏力也不再是浏览器的切肤之痛。 ...
HTML5和CSS3
跟<div>说再见,欢迎语义化标签 曾经，设计师们经常会跟频繁使用基于table的没有任何语义的布局。不过最终还是要感谢像Jeffrey Zeldman和Eric Meyer这样的思想革新者，聪明的设计师们慢慢的接受了相对更语义化的<div>布局替代了table布局，并且开始调用外部样式表。但不幸的是，复杂的网页设计需要大量不同的标签结构代码，我们把它叫做“<div& ...
html5 视频
#拥抱HTML5#精彩视频推荐：薛良斌(布丁)@iamhlb的演讲视频http://t.cn/hdU92Y @磊友赵霏演讲视频：http://t.cn/hdUKU5 @大城小胖魏子钧的演讲视频：http://t.cn/hdU9HO Jeremy Keith的演讲：http://t.cn/hdUaS2 更多精彩视频尽在http://t.cn/hdUlD3
html5画坐标
<script type="text/javascript"> //draw rect on canvas (support IE9,chrome,firefox) //绘制一个矩形。并使用fillStyle来填充，默认为黑色 function canvasOperator() { var myCanvas = document.getElementByI ...
HTML5设计原则
HTML5设计原则 这是我刚在Html5专题小组上发表的一片文章，主要讲述了HTML5设计原则，有兴趣的可以去看看！！ www.mhtml5.com 我是Html5“控” 我刚写了几篇文章，有兴趣的可以去看看 www.mhtml5.com 我刚建了一个 我是Html5“控”的sina 微群，有志者可以加入，大家还忙于Android的开发当中？http://q.weibo.com/871168
我是 Html5 控
发表于 Html5专题小组的文章中我叙述了我是Html5控的主题！希望大家踊跃参加！ www.mhtml5.com 也在sian建了一个微群叫做 我是Html5控 http://q.weibo.com/871168 有意的可以去看看！！！
[转] [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:/ ...
html5 canvas
//<canvas id="canvas" width='1000' height='1000'></canvas> var dd = document.getElementById("canvas").getContext("2d"); dd.fillStyle='#ff3300' dd.trans ...
Html5
今天简单的看了一下Html5的教程。给我的第一感觉就是标准化，把以前没有标准化的东西做了一个标准，针对常用的一些功能提供了一些新的标签，以前需要依靠Flash等控件实现媒体播放的功能以及被视频或者音频标签替代，感觉比较有特色的是它提供了数据离线存储的功能。 localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 用起来感觉还 ...
Visual Studio 2010 SP1将支持HTML5和CSS3
在Visual Studio 2010 SP1，微软将为开发人员提供更方便的途径在ASP.NET的基础上利用新技术开发应用程序，包括HTML5和CSS3。随着IE9正式版的逐渐临近，微软想要告诉开发人员，是时候利用HTML5和CSS3带来更加完整的Web体验了。 Visual Studio开发团队一位成员表示：“Visual Studio 2010在发布时并不支持HTML5，那么SP1发布时它能支 ...
HTML5设计原理
原文来自：http://www.csscoo.com/html/y2010/html5%E8%AE%BE%E8%AE%A1%E5%8E%9F%E7%90%86.html 本文很长，请耐心看完。围绕Html5的设计，探讨从规范的制定者、浏览器开发商再到开发者在标准制定上的逐步优先。作者旁征博引，引人入胜。很久没读到如此令我激动的文章了，不得不Copy一份。 今天我想跟大家谈一谈HTML5的设计。 ...
HTML5学习资料
IBM Developerworks上的HTML5专题： http://www.ibm.com/developerworks/cn/web/lp/html5/ 内容包括： 使用 HTML5 开发离线应用 本文介绍了 HTML5 离线功能中的离线资源缓存、在线状态检测、本地数据存储等内容，并举例说明了如何使用 HTML5 的新特性开发离线应用。 用 HTML 5 构建 Web 应用程序 ...
微软推出HTML5实验室网站 公布IE9技术原型
12月23日消息，微软推出了一个名为HTML5（html5labs.interoperabilitybridges.com）实验室的网站，HTML5 实验室站点将分享那些未被W3C或其他标准组织最终敲定的，早期的HTML5 规范(原型技术)。 微软互操作策略部门总经理Jean Paoli表示：“继续对标准组织制定的规范进行实验和测试是非常重要的，之所以上线HTML5实验室是为了让开发者更早地体验 ...