個人認為網(wǎng)上有很多漂亮的網(wǎng)站，而漂亮而又非常符合我的審美的，我認為它們通常是目標明確的專業(yè)網(wǎng)站，也就是說它們專注與做某領域某專業(yè)，不會像國內一些企業(yè)一樣，什么都想做。今天要說的是對網(wǎng)頁設計師來說十分有幫助的三個網(wǎng)站。

首先我們會說說Colllor，然后我們會說說Warp CSS，最后聊聊Bear CSS的好處。

Colllor

簡而言之，它能根據(jù)你給出的色號給你列出一系列類似的顏色。有點像Color Scheme Designer 3。

使用這個app，你只需要選取一個你喜歡的顏色，然后點擊"Pick Color"按鈕就行了。你甚至可以填入該顏色的色相抑或它的名字。

然后它就會令人稍微有點震撼的呈現(xiàn)給你下面的這張圖了。你會得到四條水平的色欄，分別為：色調，色溫，混合和類似。你最初填入的顏色將在色欄中被區(qū)別開來。

會有超過50種顏色值會呈現(xiàn)給你，當你鼠標懸停在某個顏色上，它會有個贊贊的3D效果，你點擊之后該顏色的數(shù)值就自動復制到了你的剪切板上了。

我雖然不是色盲，但是對于色彩理論我就是個白癡，但是這玩意兒很輕松的就把我給吸引了。它設計精美而且交互十分出色。風格接近了Photoshop CS6有木有。

CSS Warp

CSS Warp超級變態(tài)的，為什么？因為它居然可以幫你根據(jù)復雜的路徑生產(chǎn)路徑文字的css。使用它就像使用Illustrator一樣簡單。
我們來看看具體的操作。在Text欄填入你要呈現(xiàn)的文字內容，要知道，生產(chǎn)的代碼將是一場繁復的。所以我建議你在輸入的時候不要寫太多，不要希望把一篇散文生成出來，你會崩潰的。寫完之后點擊"Warp It"。

下一步就是讓你來自定義你的曲線了，畢竟你的文字內容是跟著你畫的線路走的。其選項也就像AI一樣，你懂的。

接著就像在AI一樣了，設計師們再熟悉不過了。

還可以選擇字體樣式

最后選擇獲得代碼"Generate HTML"

老實說，我從未見到過這么一款工具，把設計和coding的距離拉得這么近。在以往，都是要手工作圖的，現(xiàn)在居然可以如此簡單的就實現(xiàn)了代碼化，非常感謝這些創(chuàng)造力無限的開發(fā)商。
CSS和HTML實際上是很難能夠沿著路徑來展現(xiàn)文字的，在這里用到了很多很無可思議的內容和技術，當然包括HTML5和CSS3。所以能兼容它的只有Webkit內核的Chrome/Safari和Opera、Firefox、IE9.

Bear CSS

這貨是干嘛的下面這張圖應該是清晰呈現(xiàn)的了。

你只要上傳了你的HTML文檔，然后在點擊"下載CSS"按鈕，一個大概的CSS框架就已經(jīng)為你鋪好了！奶奶個熊，要不要這么省時省工啊！

這樣的話，寫CSS輕松了。。。。50%有木有！

幫助

原文地址：designshack
翻譯：http://ooo.ruxie.org/