10個簡化HTML5編碼的線上工具

發表於2011-08-18

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 幫你快速知道哪些屬性可以用在特定的瀏覽器上。

3. HTML5 Tracker

想要保留與HTML5連線?那要用用這個跟蹤器吧。

4. HTML5 visual cheat sheet

需要迅速找到一個標籤或屬性嗎?只要看看在這個非常酷的小抄,就大功告成了!所有Web開發人員的必備小工具。

5. Switch To HTML5

Switch To HTML5 是個模板生成器,如果你想開始一個新專案,訪問網站,獲取免費的HTML5網站模板吧。

6. Cross browser HTML5 forms

表單是網站的重要組成部分,HTML5包括日曆,色板,滑動部件,客戶端驗證等很好的特性。但是一個問題不容忽視,不是所有的瀏覽器都支援這些特性。Cross browser HTML5 forms 就派上了用場,解決跨瀏覽器相容問題。

7. HTML5 Test

您的瀏覽器是否準備好HTML5的革命呢? HTML5 Test將讓你知道。該網站將提供關於你使用的瀏覽器是否具備視訊、音訊、Canvas等能力的報告。

8. HTML5 Canvas cheat sheet

Canvas元素是HTML5中一個非常重要並有趣的部分,因為它允許你在螢幕上繪圖。如果你需要任何關於canvas元素的幫助,就用HTML5 Canvas cheat sheet吧。

9. Lime JS

LimeJS是HTML5的遊戲框架,支援觸控式螢幕和桌面瀏覽器。非常棒,必須一試。

相關文章