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