摘要：利用HTML5工具不僅可以幫助設計師和開發者建立更具吸引力的網站，還能增加網站的可用性和可訪問性。本文收集了10款HTML5開發工具為你節省更多開發時間。
利用HTML5工具不僅可以幫助設計師和開發者建立更具吸引力的網站，還能增加網站的可用性和可訪問性。本文收集了10款HTML5開發工具讓你在網頁中搭建特效、動畫、視訊、音訊等諸多功能，為你節省更多開發時間。
Patternizer
這個工具可以讓你開發真正炫酷的設計，比如各種線條。你可以隨意修改線條的寬度、色彩、角度等等。有了它，幫你打造超讚的背景圖片。
Font Dragr
這款工具可根據你的實際專案選擇適宜的字型，你還可以通過拖放功能隨意檢視網站字型。
Adobe Typekit
這款工具允許你可根據視線範圍來選擇適宜的字型並檢視實時頁面。
Rendera
如果你渴望這樣一個工作氛圍，可以檢查、發現和研究不同型別的CSS、HTML或者JavaScript ，那麼這款工具就可滿足你的需求，根據選擇的型別提供實時的結果並且讓你的編碼過程更加快速、炫酷。
CanvasLoader Creator
這款顛覆性的工具允許你修改載入程式，使其看起來更加引搶眼，併為訪問者提供一個更加合理的理解（即使其選擇的區域正在載入），它不需要任何程式設計教學。
Webdirections
Webdirections是一款不錯的程式碼集合工具，允許開發者檢查、搜尋、試驗程式碼。你可以選擇HTML5工具、CSS工具以及設計類工具等等，可以毫不費力的迅速點選開啟。
Initializr
Initializr是一個HTML5模板生成器，以幫助你啟動HTML5專案開發 。你可以根據自己的專案進行選擇哪些專案可包含在HTML中，哪些不可以。
On/Off Flipswitch HTML5/CSS3 Generator
 Flip-Switches允許使用者在網站上線上/離線狀態下移動圖片。只需修改小段程式碼即可實現這一功能，讓你坦然面的各種作業系統、Web瀏覽器。
Liveweave
LiveWeave是一個極好的線上工具，該工具支援HTML5、CSS3、JavaScript，允許你檢驗、測試並執行程式碼。
HTML KickStart
該工具讓你輕鬆建立網站，支援排版、表格、按鈕、列表等功能。

英文出自：Designdrizzle

http://t.qq.com/dsadaskljfdsg

http://t.qq.com/sadasjkfdg

http://t.qq.com/sadassdfgd

http://t.qq.com/sadasdfsgdfg

http://t.qq.com/dsadasdfgdfg

http://t.qq.com/sdasfdsfdfg

http://t.qq.com/sadaskljfdmg

http://t.qq.com/sadasdsjkdsg

http://t.qq.com/sdasddsfewfgd

http://t.qq.com/sgfdgawedfgdf