10個HTML5 實戰教程 提升你的綜合開發能力

　　HTML5 作為下一代網站開發技術，無論你是一個 Web 開發人員或者想探索新的平臺的遊戲開發者，都值得去研究。藉助尖端功能，技術和 API，HTML5 允許你建立響應性、創新性、互動性以及令人驚歎的漂亮網站。更進一步，你也可以使用 HTML5 建立原來只能用於桌面平臺上的複雜應用程式。

　　這篇文章挑選了 Web 開發人員不能錯過的10個 HTML5 開發教程，能夠幫助你快速掌握 HTML5 高階開發技巧。

　　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. HTML5 Apps: Positioning with Geolocation

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

　　5. Fullscreen Slideshow with HTML5 Audio 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 模板標籤技術，你準備好了嗎？