推薦25款很棒的 HTML5 開發框架和開發工具【上篇】

HTML5 在不一樣的領域讓網頁設計更強大的。快速，安全，響應式，互動和美麗，這些優勢吸引更多的 Web 開發人員使用 HTML5。HTML5 有許多新的特性功能，容許開發人員和設計師建立應用程序和網站，帶給用戶桌面應用程序的速度，性能和體驗。

　　這篇文章整理了25款優秀的 HTML5 框架和開發工具能夠幫助你開發項目更快，更容易。

您可能感興趣的相關文章

• 推薦10款很是優秀的 HTML5 開發工具
• 2012年最經典的10款 HTML5 遊戲集錦
• 35款很是優秀的基於 HTML5 網頁遊戲
• 20個驚豔的 HTML5 Canvas 應用試驗
• 8個驚豔的 HTML5 和 JavaScript 特效

 

Sonic

Sonic 是一個很小的 JavaScript 類，用於建立基於 HTML5 畫布的加載圖像。更強大的是提供了基於現成的例子的建立工具，能夠幫助你實現更多自定義的加載動畫效果。

在線演示 免費下載

 

Chart.js

Chart.js 是面向對象的 JavaScript 圖表庫，使用 HTML5 畫布實現漂亮的圖表。它目前支持6個圖表類型（線圖，條形圖，雷達圖，餅圖，柱狀圖和極區）。

在線演示 免費下載

 

RazorFlow

RazorFlow 是一個 PHP 框架，用於快速，方便地建立可以在全部主流的移動設備和瀏覽器的響應式 HTML5 儀表板。它的工做原理簡單，只須要插入一個單一的 PHP 文件到任何應用程序，餵給它的數據，選擇輸出類型就能夠了。它能夠與 MySQL 和 PostgreSQL 或 SQLite 數據庫結合使用。

在線演示 免費下載

 

Zebra

Zebra 是一個 JavaScript 庫，帶有豐富​​的用戶界面組件，能夠建立相似桌面風格的佈局。UI 元素使用 HTML5 畫布建立 ，在現代的瀏覽器上將有相同的呈現效果。

在線演示 免費下載

 

Workless

Workless 是 HTML5 & CSS3 框架，用於輕鬆構建跨瀏覽器的網站，包含如今網站開發中最常常使用的東西。

在線演示 免費下載

 

Native

Junior 是一個 HTML5 框架，用於建立相似原生風格的移動應用程序。很是易於使用，而且有詳細的幫助文檔和例子。 它使用 CSS3 過渡實現圓滑的動畫效果，支持滑動的旋轉木馬，幷包括各類 UI 組件。

在線演示 免費下載

 

Radi

Radi 是一個超棒的視覺設計應用程序，它具備內置工具用於建立和編輯圖形（也能夠導入）並使用 <canvas> 元素實現生成動畫。

在線演示 免費下載

 

HTML5 Bones

HTML5 Bones 是一個 HTML5 網站的樣板，包括最須要的東西（normalize.css，html5shiv 等）。

在線演示 免費下載

 

Literally Canvas

Literally Canvas 是一個 HTML5 開源部件，它能夠集成到任何頁面，使用戶可以在線繪製。它配備了一套簡單的工具，包括繪圖，擦除，顏色選擇器，撤消，重作，平移和縮放。

在線演示 免費下載

 

Gauge.js

Gauge.js 是一個漂亮的腳本，用於在 HTML5 畫布中使用 JavaScript（或者 CoffeeScript）建立動畫壓力錶。

在線演示 免費下載

 

WYSIHTML5

WYSIHTML5 是一個開源的富文本編輯器，不依賴於任何 JavaScript 框架，輕量，快速。並提供了主要的文本編輯功能，包括文本樣式（粗體，斜體），列表，標題，插入圖像或連接和文本着色等。

在線演示 免費下載

 

HTML5 Sortable

HTML5 Sortable 是一個輕量級排序插件，使用原生的 HTML5 拖放 API 建立排序列表和網格。

在線演示 免費下載

 

您可能感興趣的相關文章

• 讓人驚歎的 Chrome 瀏覽器實驗項目
• 分享21款豐富多彩的 HTML5 網頁遊戲
• 推薦10款優秀的 HTML5 在線設計工具
• 2012年最佳的 HTML5 應用和網站做品
• 29款基於 HTML 5 Canvas 的網頁遊戲

 

英文來源：25 Useful HTML5 Tools For Designer & Developers

文章來源：夢想天空 ◆ 關注Web前端開發技術 ◆ 分享網頁設計資源