設計師應該在追求完美的同時學會如何偷懶。本文為你介紹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/