HTML5 肯定是會徹底改變我們建立網站和Web應用程式。在這篇文章中,Jean-Baptiste Jung收集整理了10個非常強大的工具,可以簡化和增強HTML5編碼。
0. HTML5 Reset
HTML5 Reset是幫助你節省開始新專案時間的一組檔案(HTML、CSS等)。好訊息,HTML 5 空白WordPress主題模板也免費了。
1. Initializr
Initializr會為你生成一個乾淨的可定製的模板,基於Boilerplate。
2. HTML5 Demos
想知道firefox支援HTML5 canvas嗎? 或者是Safari可以執行HTML5聊天客戶端嘛?HTML5demos 幫你快速知道哪些屬性可以用在特定的瀏覽器上。
想要保留與HTML5連線?那要用用這個跟蹤器吧。
需要迅速找到一個標籤或屬性嗎?只要看看在這個非常酷的小抄,就大功告成了!所有Web開發人員的必備小工具。
Switch To HTML5 是個模板生成器,如果你想開始一個新專案,訪問網站,獲取免費的HTML5網站模板吧。
表單是網站的重要組成部分,HTML5包括日曆,色板,滑動部件,客戶端驗證等很好的特性。但是一個問題不容忽視,不是所有的瀏覽器都支援這些特性。Cross browser HTML5 forms 就派上了用場,解決跨瀏覽器相容問題。
7. HTML5 Test
您的瀏覽器是否準備好HTML5的革命呢? HTML5 Test將讓你知道。該網站將提供關於你使用的瀏覽器是否具備視訊、音訊、Canvas等能力的報告。
Canvas元素是HTML5中一個非常重要並有趣的部分,因為它允許你在螢幕上繪圖。如果你需要任何關於canvas元素的幫助,就用HTML5 Canvas cheat sheet吧。
9. Lime JS
LimeJS是HTML5的遊戲框架,支援觸控式螢幕和桌面瀏覽器。非常棒,必須一試。