推薦九款非常優(yōu)秀的HTML 5在線設(shè)計工具
這款在線的 CSS Sprite 樣式生成工具，結(jié)合jQuery、CSS3和HTML5開發(fā)，能夠幫助你快速的生成CSS Sprite 樣式。
這是一款在線紋理生成工具，當設(shè)計師需要制作網(wǎng)頁背景的時候，它能夠幫上大忙。這款工具提供了很多的配置選項，使用非常簡單，太棒了!
這是一款很特別的繪圖工具，使用功能強大的 HTML5 Canvas 來實現(xiàn)3D繪圖功能。向讓畫布進行立體選擇，你需要按住空格鍵并水平拖動鼠標，非?？?
對于設(shè)計師來說，選擇一款合適的字體是一個艱難的過程。這款非常棒的字體測試工具可以幫助設(shè)計師即時瀏覽新字體在頁面中的現(xiàn)實效果，不要修改任何的HTML或者CSS代碼，只需要把字體文件拖放的頂部的工具欄中，新字體就會出現(xiàn)在下拉列表中。
通過這款工具，你可以查看到任何頁面上的元素細節(jié)， 類似于Firebug的元素查看工具，不過這個是在線的，不需要安裝插件，只需要把它們網(wǎng)站上的一個書簽項放到書簽欄，使用的時候點擊該書簽，然后再點擊需要查看的元素就可以了。
Online Automatoon (animation) Tool
Automatoon 是一款完全基于HTML5開發(fā)的在線工作制作工具，完全沒有使用Flash，制作的動畫能運行于 iPhones、iPad、Android設(shè)備以及各種常見瀏覽器。
隨著HTML5發(fā)展，會有越來越多的HTML5網(wǎng)站開始使用強大的HTML5 audio標簽功能。這個在線 audio 生成工具能夠幫助你了解HTML5 audio提供的各種新特性，還有一款類似的在線 HTML5 video 制作工具 。
Online SVG to HTML5 Canvas Tool
所有的矢量藝術(shù)包(Illustrator、Inkscape 等等) 都能夠?qū)С鰹?SVG (可縮放矢量圖形)，而這款工具幫助幫助你把SVG文件轉(zhuǎn)換成HTML5 canvas。
這是一個跨平臺的動畫工具，在線和離線都能使用。你只需要安裝有Chrome瀏覽器，然后通過快速指導(dǎo)教程引導(dǎo)入門，是一款對HTML5 動畫初學(xué)者非常有用的工具。
原文：http://www.cnblogs.com/lhb25/archive/2011/11/21/10-online-html5-tools-for-web-designers.html
【編輯推薦】
