為開發者準備的5個新鮮方便的CSS工具

　　根據維客的介紹，級聯樣式表（CSS）是用於描述以標記語言書寫的文件外觀顯示（外觀和格式）的樣式表語言。最常見的應用是樣式化HTML或者XHTML格式的web頁面，不過這種語言也可以在任何一種XML文件中使用，包括純XML文件，SVG和XUL文件。

　　網際網路上用大量的CSS工具可用，不過尋找一個有用的CSS工具是一項費事費力的任務。為了節省你寶貴的時間，我們為開發者收集了5個最新的、易用的CSS工具，這樣可以簡化開發者的開發任務、省去很多麻煩。

　1. Animo.js

　　Animo.js是一個強大的用來管理CSS動畫的小工具。它帶有很多特性，如Stack animations, 建立跨瀏覽器模糊濾鏡，在動畫完成時設定回撥。Animo 包括了迷人的 animate.css 庫檔案，它是由Dan Eden編寫的。它提供了將近60種漂亮的動畫。 他同時給庫檔案新增了一些助理動畫。
 
　　原始碼

　2. 方便的 CSS3 動畫 Cheat Sheet

 

　　CSS3 Animation Cheat Sheet 是一款已預設並可直接使用的網站動畫特效庫。你只要把CSS匯入現有專案中並直接呼叫內嵌的CSS類來修飾你的頁面元素。

　　CSS3 Animation Cheat Sheet是基於CSS3 @keyframes 規則的並且支援所有最新的瀏覽器(如果算IE這個非標瀏覽器的在內的話我說的是IE10)。 通過CSS3 @keyframes規則你不需要擔心元素每一幀的位置，CSS3會自動完成。

　　來源

　3. 建立CSS3

　　建立CSS3羅列出每個元素的屬性，並且允許我們對每個元素重新定義，以及即刻顯示預覽效果。你可以給同一個元素新增許多屬性規則，同時還可以修改生成的CSS程式碼。

　　建立CSS原始碼在這兒。

　4. Salvattore

　　有很多不同的方案來建立一個類似圖片分享,動態分列的佈局. Salvattore 是另外一種解決此問題的方法,和其它方案的不同之處是: 它的設定不是由Javascript控制而是由CSS. 它也是一種不需要任何框架的Javascript解決方案.
 
　　原始檔在此  

　5. nthChild

　　:nth-child是一個強大的CSS選擇器，它可以用公式選擇元素，在應用佈局的時候非常有用。如果你不太熟悉這個選擇器的用法，你可以在nthMaster網站上獲得更多的幫助。nthMaster呈現了不同的使用場景:nth-child簡單易用，在視覺上帶有基本的描述。這包括瞄準指定的元素，一個範圍，一個無法預期的範圍,當然還有nth-of-type使用方法

　　源

　　原文地址：http://webtoolsdepot.com/5-fresh-handy-css-tools-for-develoepers/