译:HTML5演示文稿资源列表
http://blogs.msdn.com/b/cbowen/archive/2011/07/13/list-of-html5-presentation-resources.aspx
原作者:Chris Bowen
备注:这些都是学习HTML5的绝佳资料,强烈建议收藏
在最近的web,编程分会和用户组会议中,我参加了很多关于HTML5, Internet Explorer 9/10, CSS3 等课程,这些会议展示和提及了很多资源,所以我在这里列出来,希望能对你有所帮助
HTML5
- HTML5 at W3C – 标准和学习资料
- HTML5 W3C Logo – HTML5和相关logo
- HTML5 Labs – web标准的早期原型(比如 IndexedDB, FileAPI 等等)
- ScriptJunkie.com – web开发文章和信息
- CanIUse.com – 各个浏览器对HTML5, CSS3以及其他技术支持的详细信息
- Modernizr – HTML 和 CSS3特性探测变得容易
- HTML5 Cross Browser Polyfills – Shims, polyfills helpful for implementing features while supporting a range of browsers - 被大部分浏览器支持的,有益于改进特性的 shims, polyfills (注释:polyfill是浏览器本地支持的一段代码或者插件,参看:http://remysharp.com/2010/10/08/what-is-a-polyfill/)
- HTML5 Boilerplate – 一个HTML5模版,可以作为好的参考
- Initializr – HTML 模版编辑器
- Yepnope.js – 条件资源加载器,它使用异步调用
HTML5 应用程序和网站
- Never Mind the Bullets – HTML5 canvas, 音频等,视差例子
- Tron Legacy – 另一个伟大的HTML5 canvas,音频的例子
- Pirates Love Daisies – 防御塔游戏
- World’s Biggest PAC-MAN – Also try the Windows 7 pinning integration - 还有尝试Windows 7 pinning integration(不知道何意?)
- Microsoft OneNote 2010 product page – HTML5有趣的例子
Internet Explorer
- IE Test Drive – 例子,文档和IE 10平台预览下载
- Beauty of the Web – 最新web技术实战示例
- IE Developer Center – MSDN
- IE Testing Center – web标准测试用例
- Internet Explorer Home
- BuildMyPinnedSite.com – 快速增加特性(这些特性可以使网页有同本地程序一样的使用体验),以改进Windows7用户固有的操作体验
CSS
- CSS3 Media Queries – 展示了媒体查询和监听
- Lost World’s Fairs – 支持WOFF(备注:web open font format)和CSS技术的示范,
- MediaQueri.es – 使用CSS3媒体查询优化内容和布局的站点展示
- CSS3 Click Chart – 展示了各种CSS3样式的效果和源代码
- Font Squirrel – @font-face资源技巧和生成
Canvas 和 SVG
- Canvas Pad – 查看和学习canvas性能的好方式
- Easel.js – 用于创建HTML5 Canvas图形的类库
- UN Systems Org Chart – SVG例子,展示了效果和缩放
- SVG-Oids – SVG游戏例子(这个例子启用了F12开发工具)
- Raphael – 用于创建矢量图形的类库 - SVG/VML
微软 Web 平台
- Web Platform Installer – 轻松安装你所需要的
- WebMatrix – 用于创建网站的免费平台和工具
- ASP.NET MVC – 使用HTML5 Modernizr 等技术的升级版本工具
- ASP.NET Web Forms
- Damian Edwards on ASP.NET Web Forms Futures – Mix11 会议
工具
- Visual Studio Web Standards Update – VS2010中支持的HTML5和CSS3
- Expression Web 4 (and Expression Web 4 SP2)
- Expression Web SuperPreview – 功能强大的跨浏览器检测
演示幻灯片
最后,这里有些我在一些场合用到过的幻灯片
- SkyDrive folder share. 包括:
- HTML5 朋友
- HTML5 Web Camp – Graphics and UI with CSS3, SVG, and Canvas
- HTML5 Web Camp – Practices and Adoption Techniques
我的队友 Rachel Appel 同样也发表过 materials from her HTML5 Web Camp sessions -Chris