18個節約時間提高效率的CSS工具

設計師應該在追求完美的同時學會如何偷懶。本文為你介紹18個節約時間提高效率的CSS工具，儘管手寫CSS代碼是件很牛逼的事情，但善用工具會讓你避免淪為傻逼。

CSS3 Generator

CSS3現在已經開始進入越來越多網路工作者的視線內。無論你是想學一門新技術，還是想進一步最佳化自己手中或未來的項目，CSS3都是不錯的選擇。這個網站為你產生CSS3提供的各種特效源碼，還配有特效樣本，相當不錯！

htmDcanvas

一個小巧的網頁快照工具。

Phoenix Image Editor

一個線上圖片處理工具，提供各種有趣的特效和快捷的圖片處理方式。

Color Scheme Designer

設計師們最頭疼又最基本的工作是什嗎？當然是那些眼花繚亂的顏色。網站為你提供直觀的色盤和你的搭配樣本。

Resize my Browser

我想光看名字和，你就瞭解到它是做什麼的了。

Ultimate CSS Gradient Generator

現在許多網站都喜歡用漸層色，它可能出現在網站背景、按鈕或字型上，這樣設計顯得生動、有層次、更漂亮。這款線上工具為你產生常見的更神漸層效果，當然包括樣本和CSS代碼。

CSS Layout Generator

許多用過CSS的同學都知道，CSS布局是令人抓狂的課題。相信這個網站能幫到大家（或許還有我自己）。

CSS Grid Builder Online

自960Grid起，Grid的設計理念廣為流傳。這個線上工具讓你建立更貼合自己需要的網格。

Privacy Policy Generator

一款快速產生隱私權原則的工具。

Type Setter

資訊的載體離不了文字，如何利用合適的文字類型吸引使用者注意並表達資訊，是設計師重要工作。網站提供各類字型的線上預覽。

HTML lolumn lyout Generator

建立CSS布局的源碼。

Form Style Generator

表單是網頁中永遠的元素。這網站為你建立漂亮的表單元素的CSS代碼。

CSS Grid Builder

無需多言，名字已說明一切。

FAARY —CSS Forms

提供免費下載的CSS表單代碼產生。

HTML-Ipsum

CSS3 Menu

馬上開始用CSS3建立更多美麗的下拉式功能表吧！

Awesome Font stacks

多種獨特的字型可供選擇。

英文原文：http://designm.ag/resources/18-time-saving-web-apps-for-cssweb-designers/