CSS、JavaScript開發人員必備的10款最佳工具

原文http://www.csdn.net/article/2013-05-16/2815315-css-and-javascript-tools

摘要：可以說CSS、JavaScript是網站設計的黃金搭檔，本文收集了10款超好用的工具，來協助你設計出更佳的網站，並且還可以提高你的工作效率。

親們，想通過使用最新的工具來提升你的網站檔次嗎？本文搜集了10款好用的工具以協助你提升網站效能。

Topcoat

Topcoat是一個簡潔乾淨的CSS類庫，其專門用於表單元素，如按鈕、複選框、滑塊等。只需幾分鐘，就可以設計出一個完美的網站或應用程式。

Countable.js

正如你所猜測，Countable.js是一個JavaScript函數，用來統計某個HTML 元素中包含文本的段落數、單詞數和字元數。無需依賴於任何JS架構，體積非常小。

iCheck

想讓Web App 中的多選框和單選框看更好看嗎？試試iCheck，它是一種能輕鬆自訂單選框和多選框的外掛程式。iCheck便於使用，它還提供不同的外觀和色彩配置。

CSS only responsive navigation

現在，Web上的響應布局很受歡迎，在我看來，這絕對是個很好的事情。

Almost Flat UI

基於基礎架構，構建在網站上的架構幾乎都是Flat UI ，它是一個完整的HTML/CSS/JS架構。這樣的網站感官起來很整潔、很專業。

Chart.js

Chart.js是一個無依賴性，輕量級，物件導向的工具，用於建立用戶端的圖表。它設有6種不同的圖表類型，非常易於操作。

PlaceIMG

當建立網站或應用程式時，需要經常使用PlaceIMG。PlaceIMG可以根據預留位置的大小隨機產生一個圖片。

jQuery PanZoom

jQuery Panzoom是一個漸進的外掛程式，用於建立映像平移和縮放功能的元素。Panzoom支援同一系列的瀏覽器，如 jQuery 2.0，jQuery 1.9.0+ ， jQuery 2.0+。

Perfect Scrollbar

如果想建立出完美的捲軸，則需要一個輕量級的jQuery外掛程式—Perfect Scrollbar。沒有任何的元素的CSS 情況下，能協助使用者建立自訂的捲軸。

FitVids.js

FitVids.js是個輕量級的，便於使用jQuery 外掛程式。可用於流體寬度視頻嵌入。它由Chris Coyie和Paravel兩人創立的。