1. Create a drawing app with HTML5 Canvas and JavaScript

這是一個很酷的教程，教你如何使用 Canvas 來創建自己的繪圖應用程序。

2. How to Make an HTML5 iPhone App

另一個有用的教程將介紹如何構建一個 HTML5 iPhone 應用程序，一個俄羅斯方塊游戲。

3. Building a custom HTML5 video player with CSS3 and jQuery

了解如何構建自己的定制的 HTML5 視頻播放器，并包裝播放器作為一個 jQuery 插件。

4. HTML***pps: Positioning with Geolocation

學習和掌握 HTML5 的地理定位功能，并應用到你的下一個 HTML5 應用程序中。

5. Fullscreen Slideshow with HTML***udio and jQuery

這是迄今為止，我見過在網上最酷的教程之一。學習如何創建一個全屏的照片幻燈片效果。

6. Create a page flip effect with HTML5 canvas

學習如何使用 HTML5 的畫布和 JavaScript 創建一個非常酷的“Flash 頁面翻轉”效果。

7. Toying with the HTML5 File System API

看看這個教程，學習如何使用和實現文件系統 API，該 API 允許 Web 應用程序訪問私有本地系統文件。

8. Creating a Mobile-First Responsive Web Design

并學習如何設計移動優先的響應式網頁設計，以及如何優化性能和靈活性，實現更佳的使用體驗。

9. Typographic effects in Canvas

Canvas 元素是 HTML5 最熱門的功能之一。這個教程中，您將學習如何創建精美的排版​​效果。

10. HTML’s New Template Tag

本教程將向大家介紹如何使用前沿的 HTML5 模板標簽技術，你準備好了嗎？

原文鏈接：http://www.cnblogs.com/lhb25/p/10-top-html5-advanced-tutorials.html