本文整理了10款非常實用的css工具，這些工具可以幫你處理一些單調重複性的工作，大大提高了web開發工作效率，簡化了工作流程。
原文：1. animatable
該工具用於建立css3動畫，建立的動畫可以在任何平台或裝置（包括android、blackberry、ios 和webos等）中的現代瀏覽器中執行。即便你不熟悉css，該工具也能幫助你建立多場景的css3動畫。
2. css3 buttonize framework
3. patternify
這是乙個簡單的css圖案生成器。你可以在基於web的圖形化介面中繪製你想要的圖案，然後該工具將自動生成css**。
4. css3 patterns gallery
正如該工具的名字，這是乙個css圖案畫廊，網頁中顯示了每個圖案的預覽，單擊你需要的圖案，即可顯示該圖案的css**。
5. columnal
這是乙個css網格系統，整合了兩套自定義css**。elastic網格系統來自cssgrid.net，另外一些來自960.gs。
該工具可以將多個合併成乙個，並生成相應切片的css配置**。這樣，既節省了你寫**的時間，又提高了網頁載入時間。
7. the web font combinator
該工具通過示例，讓你直觀地試驗、預覽頁面中各部分（標題、副標題、正文）字型的效果。
8. layer styles
這是乙個基於瀏覽器的圖形編輯器，你可以在乙個對話方塊（類似於photoshop圖層樣式對話方塊）中設定圖形的樣式，然後該工具會自動生成css**。
9. sencha animator
這是乙個桌面應用，允許你建立可在現代瀏覽器和觸屏移動裝置中執行的css3動畫。
10. holmes
這是乙個css樣式診斷工具，通過新增乙個類，即可在頁面中高亮顯示一些錯誤或無效的html/html5標記，如使用紅色邊框顯示錯誤資訊、黃色邊框顯示警告資訊、灰色邊框顯示不贊成使用的樣式，還可以突出顯示可改進的標記、非w3c元素和屬性等。
推薦10款CSS框架
程式開發人員和網頁設計人員掐架的事情常有聽說，程式設計師們總是為自己設計不出來漂亮的網頁而糾結。不再鬱悶，因為開源幫了你，下面為你介紹10款相當不錯的css框架，專心做程式吧，網頁設計交給開源幫你。1.css網頁布局框架 elastic elastic是乙個簡單的css框架用來對網頁進行布局。ela...
推薦10款純css3實現的實用按鈕
no1.一款基於css3非常實用的滑鼠懸停特效 這款特效，當滑鼠經過時候乙個半透明的遮罩層倒下來。效果很好，而且是純css3實現的，很少，非常實用。效果如下 no2.一款基於css3的簡單的滑鼠懸停按鈕 這款懸停按鈕滑鼠經過前邊框是間斷的。當滑鼠經過的時候邊框間隔消失。效果圖如下 no3.純css3...
5款實用的IP位址跟蹤工具
ip位址是每台計算機的唯一識別符號，它基本上是一串數字，並以句點分隔。ip位址主要用於定位和識別計算機，這有點像我們人類的視網膜或者指紋。垃圾郵件傳送者和黑客通常會 自己的ip位址，讓我們難以識別其真實的ip位址。然而，值得注意的是，ip位址的物理位置不一定是計算機的位置。domaintools是最...