值得Web開發人員收藏的16款HTML5工具

夢想天空發表於2013-11-06
WebHTML

　　HTML5 正在迅速改變建立和管理網站的方式。HTML5 在不同的領域讓網頁設計更強大的。快速，安全，響應式，互動和美麗，這些優點吸引更多的 Web 開發人員使用 HTML5 開發各種網站和應用程式。 　　

　　本文收集的16款優秀的 HTML5 Web 應用程式，值得新增到您的 HTML5 的工具箱中，他們能夠幫助你開發前端專案更快，更容易。

　　Initializr

　　Initializr 是一個可以讓你建立 HTML5 模板的網站。

　　可以建立樣板 HTML5 模板，響應式的 HTML5 模板或 Twitter Bootstrap HTML5 模板。

　　HTML5 Demos

　　這裡集合了一些基於 HTML5 的優秀的實驗演示，最初只有5個演示，後來逐漸擴充。

　　HTML5 visual cheat sheet

　　這是一個方便的 HTML5 速查，可以免費下載。它列出了 HTML5 所有的主要屬性。

　　HTML5 Test

　　想知道桌面或移動 Web 瀏覽器符合最新的 HTML5 標準嗎？這個網站可以幫助測試出分數和評級。

　　HTML5 Canvas Cheat Sheet

　　如果你不能記住所有 Canvas 的命令和選項，那麼這個小抄是絕對適合你。可作為一個圖形或 PDF 免費下載。

　　Lime JS

　　LimeJS 是一個 HTML5 遊戲開發框架，用於快速構建執行於觸屏裝置和桌面瀏覽器的遊戲。

　　HTML5 Reset

　　HTML5 Reset 是一組檔案，包括 HTML、CSS 等，用於在開始新專案的時候幫助你節省時間，提供 HTML5 的空白WordPress模板。

　　Moqups

　　這是一個聰明的基於 H​​TML5 應用程式，在那裡你可以繪製線框架，完整的設計實物模型和使用者介面的概念，而不需要昂貴的軟體。

　　SpriteBox

　　Spritebox 是一個所見即所得的工具，幫助 Web 設計者迅速而輕鬆地從一張精靈圖片（CSS Sprit Image）建立CSS類和ID選擇符樣式。

　　Patternizer

　　Patternizer 很好玩。你可以進行任意的控制，創造出偉大的紋理圖案。

　　LimeWeave

　　LimeWeave是一個 HTML5 編輯器，它可以告訴你什麼的 HTML5，CSS 和 JavaScript 特效的樣子。

　　99 Lime

　　如果你想節省時間，使用 HTML5，CSS 和 jQuery 建立一些新的元素，佈局和程式碼，那麼99 Lime 真的可以幫助你。

　　On/Off FlipSwitch

　　如果你曾經想建立一個漂亮的on/off開關，那麼這個網站可以幫助你。您可以自定義圖形開關，不同的著色，大小和風格。

　　CanvasLoader Creator

　　這個免費的線上工具可以幫助設計師和程式設計師為他們的 HTML5 專案生成基於 Canvas 的 Loading 效果。

　　Create – Make Anything Editable

　　Create 是一款可以在 CMS 中使用的編輯器。藉助 HTML5 特性，可以把頁面上的內容變成可編輯區域。

　　Online 3D Sketch Toy

　　這個繪圖工具對於孩子而很好玩，而不只是給網站設計師用！還可以把您的小創作分享到 Facebook 上。

相關文章