1.藝點意創(chuàng) logo maker

LogoFree是一個簡單易用的免費(fèi)LOGO在線制作平臺，只需兩分鐘，就可以設(shè)計精美的LOGO

網(wǎng)站地址：http://www.藝點意創(chuàng).cn

2.

Viewport Resizer 是一個測試響應(yīng)式設(shè)計的小書簽。你需要做的就是去到您想要測試的頁面，點擊小書簽，然后觀查他在不同屏幕尺寸的適配情況。

網(wǎng)站地址：http://lab.maltewassermann.com/viewport-resizer/

3.

Iconify 是一個作品網(wǎng)站平臺。你只需要完成個人聯(lián)系信息的填寫，就可以創(chuàng)建一個可以在任何終端上瀏覽的作品集。他能夠支持分享到社交媒體，并且在移動端版本還支持下載。

網(wǎng)站地址：http://www.iconify.co/?error=create2

4.

Simple Grid 是一款響應(yīng)式、輕量級的網(wǎng)格系統(tǒng)，1140PX的寬度包含12列，但是很容易適配各種尺寸的排版。

網(wǎng)站地址：http://thisisdallas.github.com/Simple-Grid/

5.

One% CSS Grid 是一款用來構(gòu)建響應(yīng)式排版的12列流暢的網(wǎng)格系統(tǒng)，支持1280px和1024px兩種寬度的選項，采用基于百分比的網(wǎng)格系統(tǒng)來完美適配各種屏幕。

網(wǎng)站地址：http://onepcssgrid.mattimling.com/

6.

Yeoman 可以用于創(chuàng)建非常棒的web應(yīng)用，他包含有很多工具、數(shù)據(jù)庫以及工作流。

網(wǎng)站地址：http://yeoman.io/

7.

Emmet 以前叫Zen Coding，是一個WEB端開發(fā)者的工具包，可以大大地改善你的HTML和CSS，起到整合一體化的作用。

網(wǎng)站地址：http://docs.emmet.io/

8.

Boot Metro 帶有Win 8 App Store風(fēng)格的WEB應(yīng)用，靈活簡單的HTML， CSS和JS 架構(gòu)。他作為開放資源，基于Twitter Bootstrap，且受Metro UI CSS的影響。

網(wǎng)站地址：http://aozora.github.com/bootmetro/

9.

Bower 是一款HTML， CSS和JavaScript的資源管理器。你可以簡單的安裝資源，如圖片，CSS，JavaScript。

網(wǎng)站地址：http://twitter.github.com/bower/

10.

Apigee 提供給開發(fā)者更易于開發(fā)頂尖應(yīng)用的服務(wù)，他可以處理一般的注冊/登錄，存儲和服務(wù)器維護(hù)及更多功能。

網(wǎng)站地址：http://apigee.com/about/developers

11.

Scripted 是一款用于JavaScript的快速、輕量級的代碼編輯器，基于瀏覽器且建議采用本地運(yùn)行的Node.js服務(wù)器。

網(wǎng)站地址：https://github.com/scripted-editor/scripted

有了這十一大設(shè)計必備工具，設(shè)計師一定可以更高效的完成工作，而且可以把設(shè)計作品質(zhì)量提高到更高檔次。