html5 学习笔记
基本 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Welcome </title> </head> <body> </body> </html> ...
HTML5 Audio Loops
One of the neatest things about HTML5 is support for the new <audio> tag. Like <video> it allows you to natively support media in good browsers like Chrome, FireFox, Opera and Safari. Add ...
HTML5资源
JS APIs： 选择器 W3C草案：Selectors API Web Storage W3C草案：Web Storage 中文教程：Web Storage全解析： Web SQL Database W3C草案：Web SQL Database 中文教程：HTML 5 Web SQL Database初探 Application Cache API W3C草案：Offli ...
html5 video
HTML 5加入视频标签<Video>，无疑是HTML 5的一大亮点。本文一起来学习下吧。 Video标签介绍 大多数用户已经安装了Flash插件（事实上，大概95%的上网用户都装有Flash的某个版本），但HTML 5的支持者正在推动一个开放的，不需要任何插件的视频标准。这就是HTML 5的新标签<video>带来的构想，他提供了一个嵌入视频（以及与其交互）而不需要类似 ...
html5画坐标
<script type="text/javascript"> //draw rect on canvas (support IE9,chrome,firefox) //绘制一个矩形。并使用fillStyle来填充，默认为黑色 function canvasOperator() { var myCanvas = document.getElementByI ...
HTML5 WebSocket 示例
我们通过一个简单的例子来熟悉 HTML5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备：Jetty 7 ，Java Web 开发环境，Chrome 4+ 服务端 Java 代码：final public class CounterSocketServlet extends WebSocketServlet { @Override protected ...
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 WebSockets
HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket，创建客户端并通过WebSockets协议发送和接收服务器端信息。 什么是WebSockets？ WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。同时WebSockets仍将基于W3C标准，目前为止，C ...
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（一）layout
HTML5（一）layout 1.<canvas> tag our first example will be test1.html: <canvas id="tutorial" width="150" height="150" style="background-color:red;"> yo ...
HTML5介绍
1. 概述 HTML语言作为如今编程最为广泛的语言，具有易用、快捷、多浏览平台兼容等特点，但是随着时代的进步，HTML的标准却停滞不前，这一次还在不断开发中的HTML5标准的更新可以说给这门标记语言带来了新的生命力。W3C 在HTML 5 proposal 中为 HTML 5 赋予了这样的使命，它将弥补上一代 HTML 的不足，具体说，是实现 Flash, Silverlight, JavaFX 所 ...
Html5
现在的 HTML5 就像当年崭露头角时的 Ajax，有人在做，但不知道叫它什么。最近，苹果在 HTML5 上大做文章，而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师，本文是他对 HTML5 应用现状与前景的思考。 术语 首先说说 HTML5 应用中的几个定义。 HTML5 HTML5 最好的定义来 ...
html5 实现 flash
html5 在一年前就已经进入我们耳中了。但是一直都没有看到实际性的东西出来。下面这段相信会让大家眼前一亮。不过是外国人开发的。其开源精神值得敬佩。该技术如 果成熟了，相信可以很好的应用到想广告联盟(google adsense,baidu union)这类系统.确实是一个时代的创新。 在html5以前大部分浏览器都必须使用flash插件才能观看网页上面的flash动画。用javascript ...
微软支持HTML5
北京时间5月1日消息，据国外媒体报道，在苹果和谷歌纷纷支持新开放网络标准HTML5之后，微软IE团队总经理迪恩·哈恰莫维奇（Dean Hachamovitch）在周五的官方博客中表示，“未来的网络将属于HTML5。” 哈恰莫维奇在博客中表示，在支持HTML5标准的同时，微软将会继续支持Flash。不过哈恰莫维奇认为，HTML5标准和Flash之间存有冲突。哈恰莫维奇称，Flash的问题“特别体现在 ...
各大浏览器 CSS3 和 HTML5 兼容速查表
支持 CSS3 和 HTML5 的浏览器越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。 需要指出的是，即使同一个浏览器的同一个版本，在 Mac 和 Windows 两个平台，它们对 CSS3 和 HTM ...
流光溢彩效果的HTML5
http://chikuyonok.ru/ambilight/ 效果很震撼！有电影院的感觉了。呵呵。 看了下代码，依然是 在一个canvas里嵌入<video>然后getImageData var canvas = document.createElement('canvas'), video = document.getElementsByTagName('video')[0], ...
强大的HTML5
前些天看了一些HTML5方面的资料，感觉的确很强大，firefox和chrome目前已经支持了一些特性，例如canvas和本地存储等等，今天花了一个晚上的时间实践了一把canvas，做了一个比较简单的web版的贪吃蛇，开发起来的确还是挺方便的，就像当年用TurboＣ做贪吃蛇的感觉差不多。 网上最近好像很多文章都在讨论，HTML5是否会取代Flash，之前没接触过的时候一直以为HTML和Fla ...