6 個強大的 HTML5 應用在線開發工具

        HTML5 日漸成為 Web 開發的主流技術之一，目前，W3C 已經完成了 HTML5 的基本特性，HTML5 成為 W3C 官方標準指日可待。

        目前互聯網中已經出現了大量基于 HTML5 的應用，其展示的效果一點也不輸 Flash，甚至要更為強大。該技術最大的優勢是跨平臺，甚至未來有可能成為開發移動應用的主要技術。

        本文為你帶來 6 個強大的 HTML5 應用開發工具，希望可以提高你的開發效率。

        1.   Adobe Edge Animate

        Adobe Edge Animate 是一款 Adobe 開發的全新的工具，致力于尋求適用于 HTML5、CSS3 和 JavaScript 的交互、動畫編程體驗。

        該工具有一個類似 Flash Pro 的用戶界面，允許開發者對交互內容、動畫進行精準的控制。目前尚不支持 HTML5 canvas 和 audio 標簽，Adobe 表示會在未來增加支持。

        價格：單獨版 - $10/月，Creative Cloud 套件 - $50/月

        2.   HTML KickStart

        這是一套集合了各種 CSS、HTML5 和 jQuery 模塊的工具，不僅可以幫助你節省開發時間，還可以幫助你獲取 HTML5 開發的靈感。

        該工具包中包含了大量預配置、預格式化的功能塊，你可以非常快地實現一些特定的功能，如幻燈、按鈕、選項卡等。

        價格：免費

        3.   HTML5 Reset

        HTML5 Reset 包含了一組 HTML、CSS 相關的文件，幫助你在開始新項目的時候節省時間，并提供了基于 HTML5 的空白 WordPress 模板。

        價格：免費

        4.   Liveweave

        這是一個 HTML5、JavaScript 和 CSS3 代碼在線測試工具，你可以直觀地看到你的代碼的運行情況。此外，該工具還具備代碼自動完成功能，你也可以將其作為一個在線 IDE 來使用。

        價格：免費

        5.   Modernizr

        Modernizr 是一個開源的 JS 庫，它使得基于訪客瀏覽器的不同而開發不同級別體驗的設計工作變得簡單。當你在網頁中嵌入 Modernizr 腳本時，它會檢測用戶當前瀏覽器是否支持 CSS3 和 HTML5 的特性，然后你可以決定是否創建一個基于 JS 的 fallback，或者對那些不支持的瀏覽器進行簡單的優雅降級。

        價格：免費

        6.   Video.js

        Video.js 是一個基于 JavaScript 的 HTML5 視頻播放器，可以幫你更加簡單的構建 HTML5 視頻。Video.js 提供了一個通用控件，內置的 HTML/CSS 皮膚，修復了跨瀏覽器的兼容性問題，還擴展了許多附加功能，例如全屏、字幕等。如果用戶瀏覽器不支持 HTML5 視頻，還可以退回到 Flash 或其他播放技術。

        價格：免費

        Via sitepoint