目前互聯(lián)網(wǎng)中已經(jīng)出現(xiàn)了大量基于 HTML5 的應(yīng)用，其展示的效果一點(diǎn)也不輸 Flash，甚至要更為強(qiáng)大。該技術(shù)大的優(yōu)勢(shì)是跨平臺(tái)，甚至未來(lái)有可能成為開發(fā)移動(dòng)應(yīng)用的主要技術(shù)。本文為你帶來(lái)六個(gè)強(qiáng)大的 HTML5 免費(fèi)應(yīng)用開發(fā)工具，希望可以提高你的開發(fā)效率。
1. HTML KickStart
這是一套集合了各種 CSS、HTML5 和 jQuery 模塊的工具，不僅可以幫助你節(jié)省開發(fā)時(shí)間，還可以幫助你獲取 HTML5 開發(fā)的靈感。
該工具包中包含了大量預(yù)配置、預(yù)格式化的功能塊，你可以非常快地實(shí)現(xiàn)一些特定的功能，如幻燈、按鈕、選項(xiàng)卡等。
2. Adobe Edge Animate
Adobe Edge Animate 是一款 Adobe 開發(fā)的全新的工具，致力于尋求適用于 HTML5、CSS3 和 JavaScript 的交互、動(dòng)畫編程體驗(yàn)。
該工具有一個(gè)類似 Flash Pro 的用戶界面，允許開發(fā)者對(duì)交互內(nèi)容、動(dòng)畫進(jìn)行精準(zhǔn)的控制。目前尚不支持 HTML5 canvas 和 audio 標(biāo)簽，Adobe 表示會(huì)在未來(lái)增加支持。
3. HTML5 Reset
HTML5 Reset 包含了一組 HTML、CSS 相關(guān)的文件，幫助你在開始新項(xiàng)目的時(shí)候節(jié)省時(shí)間，并提供了基于 HTML5 的空白 WordPress 模板。
4. Liveweave
這是一個(gè) HTML5、JavaScript 和 CSS3 代碼在線測(cè)試工具，你可以直觀地看到你的代碼的運(yùn)行情況。此外，該工具還具備代碼自動(dòng)完成功能，你也可以將其作為一個(gè)在線 IDE 來(lái)使用。
5. Video.js
Video.js 是一個(gè)基于 JavaScript 的 HTML5 視頻播放器，可以幫你更加簡(jiǎn)單的構(gòu)建 HTML5 視頻。Video.js 提供了一個(gè)通用控件，內(nèi)置的 HTML/CSS 皮膚，修復(fù)了跨瀏覽器的兼容性問(wèn)題，還擴(kuò)展了許多附加功能，例如全屏、字幕等。如果用戶瀏覽器不支持 HTML5 視頻，還可以退回到 Flash 或其他播放技術(shù)。
6. Modernizr
Modernizr 是一個(gè)開源的 JS 庫(kù)，它使得基于訪客瀏覽器的不同而開發(fā)不同級(jí)別體驗(yàn)的設(shè)計(jì)工作變得簡(jiǎn)單。當(dāng)你在網(wǎng)頁(yè)中嵌入 Modernizr 腳本時(shí)，它會(huì)檢測(cè)用戶當(dāng)前瀏覽器是否支持 CSS3 和 HTML5 的特性，然后你可以決定是否創(chuàng)建一個(gè)基于 JS 的 fallback，或者對(duì)那些不支持的瀏覽器進(jìn)行簡(jiǎn)單的優(yōu)雅降級(jí)。
HTML5 日漸成為 Web 開發(fā)的主流技術(shù)之一，目前，W3C 已經(jīng)完成了 HTML5 的基本特性，HTML5 成為 W3C 官方標(biāo)準(zhǔn)指日可待。
