HTML5 肯定是會徹底改變我們創(chuàng)建網(wǎng)站和Web應(yīng)用程序。在這篇文章中,Jean-Baptiste Jung收集整理了10個非常強(qiáng)大的工具,可以簡化和增強(qiáng)HTML5編碼。
0. HTML5 Reset
HTML5 Reset是幫助你節(jié)省開始新項目時間的一組文件(HTML、CSS等)。好消息,HTML 5 空白WordPress主題模板也免費(fèi)了。
1. Initializr
Initializr會為你生成一個干凈的可定制的模板,基于Boilerplate。
2. HTML5 Demos
想知道firefox支持HTML5 canvas嗎? 或者是Safari可以運(yùn)行HTML5聊天客戶端嘛?HTML5demos 幫你快速知道哪些屬性可以用在特定的瀏覽器上。
想要保留與HTML5連接?那要用用這個跟蹤器吧。
需要迅速找到一個標(biāo)簽或?qū)傩詥??只要看看在這個非??岬男〕?,就大功告成了!所有Web開發(fā)人員的必備小工具。
Switch To HTML5 是個模板生成器,如果你想開始一個新項目,訪問網(wǎng)站,獲取免費(fèi)的HTML5網(wǎng)站模板吧。
表單是網(wǎng)站的重要組成部分,HTML5包括日歷,色板,滑動部件,客戶端驗證等很好的特性。但是一個問題不容忽視,不是所有的瀏覽器都支持這些特性。Cross browser HTML5 forms 就派上了用場,解決跨瀏覽器兼容問題。
7. HTML5 Test
您的瀏覽器是否準(zhǔn)備好HTML5的革命呢? HTML5 Test將讓你知道。該網(wǎng)站將提供關(guān)于你使用的瀏覽器是否具備視頻、音頻、Canvas等能力的報告。
Canvas元素是HTML5中一個非常重要并有趣的部分,因為它允許你在屏幕上繪圖。如果你需要任何關(guān)于canvas元素的幫助,就用HTML5 Canvas cheat sheet吧。
9. Lime JS
LimeJS是HTML5的游戲框架,支持觸摸屏和桌面瀏覽器。非常棒,必須一試。