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