step by step教程：使用HTML5和CSS3的便笺
在这个演示中，你可以创造一个新的便笺，它会保持到本地的SQl存储，并且可离线访问。当你需要关闭便笺时会会出现一个漂亮的动画效果。 涉及到的技术： HTML5 Application Cache HTML5 Database API CSS Transitions [1, 2] JavaScript OOP programming & Getters and Setters ...
让IE支持HTML5 Canvas
David Anson创造了一个新的prototype canvas，使其能够在Silverlight中正常工作。David说道：因为之前有人提供的一个Silverlight的桥梁（explorercanvas-HTML5 Canvas for Internet Explorer），让我在创造Silverlight对象的时候没有任何困难，就像在一个Web页面上运行一个<canvas>标记 ...
漫画：混乱的标记语言XHTML2/HTML5（附中文版翻译）
今天早些时候在smashingmagazine网站看到了一个有趣的漫画- Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip，没想到下午就发现了中文版！以下文章转载自 JustinYoung： W3C最近宣布将于今年年底解散XTHML2工作组。一石激起千层浪，很多误解和谣言四起，江湖一片血雨腥风，搞得网页设计师人人自危，好像世界末日即将到来。其实， ...
Firefox 3.5 使用 HTML5 Drag and Drop
Les Orchard，将HTML 5 drag and drop 带入了Firefox 3.5。 Demos（示例） Old school drag and drop New school drag and drop New school drag and drop, now with Event Delegation! Using drag feedback images Using dat ...
使用HTML5 的打鼓机器
Brian Arnold使用HTML5<audio>创建了一个有趣的打鼓机器 - HTML5 Drum Kit，我们之前也介绍过一个不使用Flash的打鼓机器：JS-909。 function playBeat() { if (isPlaying) { var nextBeat = 60000 / curTempo / 4; // Turn off all lights on the ...
Modernizr：HTML5和CSS3检测
Modernizr是一个新的库，可以检测各种HTML5和CSS3的功能，并且让你知道如何去使用它们。不过目前对 Canvas† 和 CSS Columns支持目前还很基础。 .cssgradients #main { background: -webkit-gradient(linear, left 0, right bottom, from(rgba(255,255,255, .82)), ...
动态内容注入，使用HTML5 Canvas 和Video
Paul Rouget和Tristan Nitot 使用Canvas和<video>创造了一个很有趣的工具，由paul提供的最新demo 为我们展示了实时的动态内容注入。注意到图片中的Firefox图标和发光的手机了吗？这都要归功于 Canvas。Paul向我们解释了他是如何做到的：很显然，我使用了 <video/> 标记；但是你们并没有看到video的元素（display： ...
HTML5 工作感想
1.HTML5 并不是什么新鲜技术，其实以前用Flash 也能实现这个技术，为什么能火起来，完全是个炒作。 2.HTML5 是多个部分构成的，CSS3，DOM Level3,ECMA 5,SVG 四项技术组合，并非单纯的JS 和CSS。 3.HTML5 在桌面领域的应用不如Android 2.2+ 和iphone ,ipad 上的应用好,因为桌面领域，还有很多的IE 用户，所以想用大量的HTML5 ...
HTML5笔记
详细可见本书《HTML5 up and running》，在线阅读官网：http://diveintohtml5.org/ 以下是笔记。 检测浏览器是否支持HTML5的类库：Modernizr http://www.modernizr.com/ HTML5新特性： 1.canvas 可以画图了，IE9以下不支持，但可以用ExplorerCanvas类库模拟 http://code.google. ...
html5
中文入口：http://www.w3school.com.cn/html5/index.asp 英文入口：http://www.w3schools.com/html5/default.asp
HTML5重构互联网：浏览器将部分替代操作系统
如日中天的苹果公司一直是下一代WEB语言HTML5最坚定的支持者，如今正面临新的强劲挑战者。 6月有国外媒体称，社交网站Facebook正在秘密开发基于下一代Web语言HTML5的应用项目，以摆脱苹果公司APP Store对Facebook在移动领域的束缚。 去年初，在推出备受关注的平板电脑iPad时，苹果公司坚持不支持Adobe公司旗下的网页视频播放软件 Flash Player。 ...
html5,HTML5中文教程,HTML5中文手册,HTML5参考手册,html5,html5教程,html5手册,HTML5简介
HTML5参考手册,html5,html5教程,html5手册,HTML5简介,HTML5视频,HTML5音频,HTML5画布,HTML5Web存储.HTML5离线存储,HTML5输入类型,HTML5表单元素,HTML5表单属性,HTML5标签,HTML5属性,HTML5事件 HTML 5 教程 HTML 5 首页 HTML 5 简介 HTML 5 视频 HTML 5 音频 HTML 5 ...
html5
当前，video 元素支持三种视频格式： 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No 当前，audio 元素支持三种音频格式： IE 9 Firefox 3.5 Opera ...
javascript和html5
javascript简单总结 如果要往html中的某个元素中添加text内容，obj.innerHtml="" 简单的js验证可以省略html文件中的html，head，title，body标记。 更简单的js验证可以使用javascript:URL伪协议来执行。 javascript程序是用Unicode字符集编写的，Unicode是16位的。 javascript是大小写敏 ...
html5学习
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: ...
很多用户都不知道的10个优秀的HTML5编码工具
HTML5将彻底改变我们建设网站和Web应用程序的方式。这里有10个伟大的工具，用于简化和提高HTML5的编码。 Initializr 假如你才刚开始利用HTML5来创建网站，可访问Initializr来入门。这个网站将帮您根据样板来创建一个简洁，可定制的网站模板。它包含了初学者，所需要的一切。 HTML5demos HTML5demos这个网站提示一些示例来帮助你检测HTML ...
html5 之canvas
html５汹涌而来。拿来玩玩。今天学习canvas。 首先上个例子，自己写了一个实现圆角矩形方法。 function drawRoundRect(ctx,x,y,w,h){ var d1 = 1/40*w; //设置 d1 d2的默认长度 为贝塞尔曲线取中间控制点做准备 var d2 = 1/50*w ; ctx.beginPath(); // 第一个节点 ctx.moveTo( ...
html5初学者
<!DOCTYPE HTML> <html> <body> <canvas id="arcCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"> Your browser does not ...
dive to html5
http://diveintohtml5.org/table-of-contents.html Table of Contents Introduction: Five Things You Should Know About HTML5 1. It’s not one big thing i 2. You don’t need to throw anything away i ...
html5 兼容ie
<!DOCTYPE html> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <![endif]--> <!--[if IE 7]> <meta http-equiv="X-UA-Compatible ...
html5 canvas例子
<!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <title>HTML5</title> <script type="tex ...
html5学习网站
htm5:http://www.w3school.com.cn/html5/ html5 canvas:http://blog.bingo929.com/html-5-canvas-the-basics-html5.html
Html5-Canvas介绍
最近在一个日文网站上看到一篇不错的关于Canvas的文章，试着翻译一下，顺便也学习学习。 原文参见：http://www.html5.jp/canvas/what.html 本文介绍Canvas是什么，用Canvas可以做什么。 1. Canvas是什么？ 所谓Canvas，就是为了在浏览器上画图而制定出来的方法。 到目前为止，如果想在Html上表示图的话，需要使用GIF，JPEG等图片。另 ...
HTML5 Input 类型
原文链接：http://bang.chinabyte.com/thread-416700-1-1.html HTML5 新的 Input 类型HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型： email url number range Date pickers (date, month, week, time, datet ...
html5标签简介
1. 新的Doctype声明 <!DOCTYPE html> 2. <figure>标签 看看下面一段简单的代码： <img alt="About image" src="path/to/image"> <h6>image of Mars.</h6> 遗憾的是，这里的h6标签和 ...
HTML5了解
原文连接：http://bang.chinabyte.com/thread-416694-1-2.html 扩展体验 HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案已公布,预计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行 ...
苹果新规促使发行商转向HTML5应用
北京时间7月27日消息，据国外媒体报道，苹果最近实施的应用内支付新规已经迫使亚马逊﹑巴诺书店(Barnes &Noble)和Kobo等公司纷纷从其iOS应用中删除购买链接，同时Google的Google Books应用也已从苹果应用商店下架，这样它们可避免向苹果交纳高达30%的销售额分成。业内人士认为，苹果此举对自己、书商和消费者三方造成了“三输”的局面，但却使HTML5应用迎来了出头之日。 ...
13 个强大的基于 HTML5 的 Web 应用
HTML5 是 Web 开发中非常流行的最新技术。 HTML5 就像是一个强有力的武器，可以用它来创造有吸引力和创新的Web应用。 虽然网络中已经有很多为设计者和开发者提供的工具，但找出一个自由和高品质的工具，是一个很大的挑战。在本文中，我们有13个很棒的和高质量的基于Web的HTML5工具，每个设计师和开发人员值得一试。 1. CSS3.0 Maker 2. Sketchpad ...
推荐10个HTML5游戏网站
导读：原文作者Julio Rivera是一名来自纽约市的创意总监和网页设计师，他是Underworld Magazines的创始人。以下是全文。 到现在为止，我玩了好几年的在线游戏。我已经看过用Flash和其他软件制作游戏，目前是在用HTML5做游戏，只看到一个完整用CSS3做的游戏。 HTML5正在慢慢成为新的Flash，以前在Flash上很酷的东东，如拖放和下载条等，现在已可以用HTM ...
2011 Google HTML5 训练营第四期-邀请函
2011 Google China训练营第四期将于八月七日（8月7日）举行，这期的主题是：Let’s just HACK! 注意：时间是8月7日，周日 相信经过前面几期活动，你对HTML5已经有了一些了解。你已经使用了其中哪些feature呢？你对其中的哪些方面又特别关注呢？你的脑海中是否已经有了一个清晰的idea迫不及待想把它实现出来了呢？快来加入吧，let’s just do i ...
Web前端知识库热门文章
最新评论
CSS基础教程17篇 此教程共17篇，由浅到深、循序渐进的讲述CSS知识。 对初学者有很大的学习价值， ...
u013680195 评论了 Google Web Toolkit 推出，原创中文翻译介 ...
u013680195 评论了 Google Web Toolkit 推出，原创中文翻译介 ...