HTML5与CSS3资源汇总

Html5开发资源：

• html5教材的PPT 很酷的html5技术实现的，另外在该网站还有html5各技术的API实验室 更多html5的应用在其首页
• html5规范、canvas规范、Web GL 规范、html5与html4的不同
• Dive Into HTML5 类似一本教材，掌握html5的资源汇总
• http://www.appmobi.com/ 提供了html5应用程序开发工具XDK,开发者通过html5可以构建网络和移动平台的应用程序
• http://html5demos.com/ html实例
• http://html5doctor.com/ html5医生，其口号是”帮助你今天实现html5″，当遇到bug时可以上去搜搜
• http://dev.w3.org/html5/html-author/ html5开发人员指南
• IE test drive IE9实现了GPU硬件加速，可以测试其GPU硬件加速带来的性能提升
• http://www.w3schools.com/html5/default.asp w3school提供的文档及实例
• http://www.apple.com/html5/ apple官网提供的一些html5及css3实例
• http://www.modernizr.com/ Modernizr html5和css3浏览器兼容性解决方法

Canvas学习资源：

• Canvas Cheat Sheet PDF 和 PNG 格式的 HTML5 Canvas 速查手册。
• How to draw with HTML5 Canvas 如果使用 HTML5 Canvas 元素进行绘图。
• Mozilla Canvas Tutorial Mozilla提供的 HTML5 Canvas 元素教程。
• HTML5 Canvas: The Basics 一步一步学习如何使用 HTML5 Canvas 元素。
• W3Schools HTML5 Canvas W3Schools 详细介绍了HTML5 Canvas，附带了基本的例子。
• HTML5, Flex and Silverlight Charts: A Test of Performance 这篇文章对比了几种图表实现方案的性能：HTML5 charts vs. Flex charts vs. Silverlight charts
• HTML5 Canvas Element Guide 非常好的 HTML5 canvas 元素教程。
• 5 Clever Uses of the Canvas Tag 5个基于 HTML5 canvas 元素实现的非常棒的应用。
• Canvas Demos 使用html5 canvas 元素实现的游戏、工具和其它应用程序的示例及教程。
• canvas素描 html5实现的在线素描

CSS3资源：

• Cascader 这是一个帮助开发者从HTML代码中分离出内联样式的工具。
• CSS Sprite Generator css sprite生成器
• CSS3Dropshadowgenerator 一款很棒的阴影效果生成工具，自动生成相应的代码。
• BorderRadius.com 一款在线CSS3圆角工具，四个角输入值就能生成对应的效果和代码。
• ButtonMaker 一款非常不错的CSS3按钮制作工具。
• CSS3GradientGenerator 一款非常棒的CSS3渐变效果制作工具。
• Ultimate CSS3 Gradient Generator 一个强大的Photoshop似的CSS渐变编辑器。
• css3 builder 使用这款工具可以制作出漂亮的CSS3盒子，像是Photoshop制作出来的效果
• CSS3Generator 非常不错的CSS3代码生成器，带预览效果。
• CSS3 Please 在线生成跨浏览器的CSS3代码的网站
• CSS3 Cheat Sheet PDF格式的CSS3 属性的列表，列出了选择器类型和允许使用的值。
• Modernizr 一个非常有用的用于CSS3和HTML5特性检测的JS库。
• HTML5&CSS3Support 一个非常不错的HTML5&CSS3兼容性在线检测网站。
• http://www.pagecolumn.com/ css网格布局生成器
• http://www.css3.me/ css效果生成器（boder，shadow，gradient）

Mobile开发资源：

• http://quirksmode.org/mobile/ mobile开发资源，对于做mobile开发的童鞋非常适用，上面有列出各手机浏览器类型等
• http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/ iphone开发技巧ppt，很多iphone开发细节都有讲到
• http://caniuse.com/ ，可以检查pc及mobile对HTML5/CSS3/SVG的支持程度，并带搜索引擎，可以快速检索
• http://sliwww.slideshare.net/philippbosch/jqtouch-mobile-web-apps-with-html-css-and-javascript mobile web app开发工具
• http://developer.apple.com/library/safari/navigation/ apple官网提供的，可以查到IOS上相关事件说明及webkit开发接口

关于mobile、html5、css3开发相关技术文章，目前国内还较少，相关资料可以在http://www.google.com/ 上检索，ppt学习资源可以在 http://sliwww.slideshare.net/ ，源代码可以在 https://github.com/ 上下载