1. 程式人生 > >推薦25款很棒的 HTML5 開發框架和開發工具【上篇】

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

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

  這篇文章整理了25款優秀的 HTML5 框架和開發工具可以幫助你開發專案更快,更容易。

您可能感興趣的相關文章

Sonic

Sonic 是一個很小的 JavaScript 類,用於建立基於 HTML5 畫布的載入影象。更強大的是提供了基於現成的例子的建立工具,可以幫助你實現更多自定義的載入動畫效果。

線上演示     免費下載

Chart.js: Charting Library with HTML5 Canvas

Chart.js 是面向物件的 JavaScript 圖表庫,使用 HTML5 畫布實現漂亮的圖表。它目前支援6個圖表型別(線圖,條形圖,雷達圖,餅圖,柱狀圖和極區)。

線上演示     免費下載

RazorFlow: Create Responsive & HTML5 Dashboards With PHP Framework

RazorFlow 是一個 PHP 框架,用於快速,方便地建立能夠在所有主流的移動裝置和瀏覽器的響應式 HTML5 儀表板。它的工作原理簡單,只需要插入一個單一的 PHP 檔案到任何應用程式,餵給它的資料,選擇輸出型別就可以了。它可以與 MySQL 和 PostgreSQL 或 SQLite 資料庫結合使用。

線上演示     免費下載

Zebra

Zebra: Desktop-Like User Interface With HTML5 Canvas

Zebra 是一個

JavaScript 庫,帶有豐富​​的使用者介面元件,可以建立類似桌面風格的佈局。UI 元素使用 HTML5 畫布建立 ,在現代的瀏覽器上將有相同的呈現效果。

線上演示     免費下載

Workless: HTML5-CSS3 Framework for Building Cross-Browsers Websites

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

線上演示     免費下載

Native: HTML5 Mobile Apps Framework

Junior 是一個 HTML5 框架,用於建立類似原生風格的移動應用程式。非常易於使用,並且有詳細的幫助文件和例子。 它使用 CSS3 過渡實現圓滑的動畫效果,支援滑動的旋轉木馬,幷包括各種 UI 元件。

線上演示     

免費下載

Radi

Radi: Visual Design Application with HTML5 and Javascript

Radi 是一個超棒的視覺設計應用程式,它具有內建工具用於建立和編輯圖形(也可以匯入)並使用 <canvas> 元素實現生成動畫。

線上演示     免費下載

HTML5 Bones: Boilerplate for HTML5-powered Websites

HTML5 Bones 是一個 HTML5 網站的樣板,包括最需要的東西(normalize.css,html5shiv 等)。

線上演示     免費下載

Literally Canvas: HTML5 Drawing Widget

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

線上演示     免費下載

Gauge.js: Animated Gauges With HTML5 Canvas

Gauge.js 是一個漂亮的指令碼,用於在 HTML5 畫布中使用 JavaScript(或者 CoffeeScript)建立動畫壓力錶。

線上演示     免費下載

WYSIHTML5: Rich Text Editor With HTML5 Markup

WYSIHTML5 是一個開源的富文字編輯器,不依賴於任何 JavaScript 框架,輕量,快速。並提供了主要的文字編輯功能,包括文字樣式(粗體,斜體),列表,標題,插入影象或連結和文字著色等。

線上演示     免費下載

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

線上演示     免費下載

您可能感興趣的相關文章