值得擁有!精心推薦幾款超實用的 CSS 開發工具

lhb25發表於2013-11-12

  當你開發一個網站或 Web 應用程式的時候,有合適的工具,絕對可以幫助您節省大量的時間。在這篇文章中,我為大家收集了超有用的 CSS 開發工具。

  對於 Web 開發人員來說,找到有用的 CSS 開發工具,就像找到一個魔燈,可以讓他那些艱難的任務變得有趣。CSS 開發工具幫助開發人員創造更加時尚,更有創意的網站。

 CSS

  Pure CSS 來自雅虎,是一組 CSS 模組,您可以作為基礎在每一個 Web 專案中使用。它使 CSS 開發更容易,整個框架看起來很乾淨,專業。如果你還沒有用過的話,嘗試一下!更多資訊: http://purecss.io/

 CSS Trashman

  在大的專案中,保持 CSS 檔案的簡潔和緊湊是非常空難的。不過不要擔心,CSS Trashman 可以幫助你。這個線上工具檢查您的網站,壓縮樣式,讓你下載一個超級乾淨的版本的網站 CSS 檔案,這樣你就可以安全地刪除它們。更多資訊: http://www.csstrashman.com/

 Bear CSS

  Bear CSS 是一個美麗的網站,也是一個超級有用的工具。只需建立一個 HTML 文件,並把它上傳。Bear CSS 會自動在 HTML 元素的基礎上生成一個可下載的 CSS 檔案。更多資訊: http://bearcss.com/

 Glue

  CSS 精靈技術是一種減少 HTTP 圖片請求的很好的方式。Glue 是一種簡單的命令列工具,轉變一組影象到一個檔案中,因此您可以輕鬆地在您的網站上使用 CSS 精靈技術,超有用!更多資訊: https://github.com/jorgebastida/glue

 Topcoat

  Topcoat 是一個 CSS 集合,用於簡潔和快速的 Web 應用程式開發。它是一個開源庫,不需要任何 JavaScript 內建的使用者介面元素。更多資訊: http://topcoat.io/

 .Fitgrd

  .Fitgrd 是一個輕量的響應式網格系統,是建立你自己的響應式網站的堅實的基礎。更多資訊: http://www.fitgrd.com/

 Normalize.css

  Normalize.css 是用於 HTML5 的 CSS 重置樣式,它使瀏覽器呈現的所有元素更一致和符合現代標準。它被用於許多流行的網站,如 Twitter Bootstrap, Soundcloud, TweetDeck 等等。更多資訊: http://necolas.github.io/normalize.css/

 Helium CSS

  在大的樣式檔案中,很難找到未使用的樣式。Helium 是一種基於 JavaScript 的工具,執行於瀏覽器,可以從你的 CSS 檔案檢測未使用的樣式。更多資訊: https://github.com/geuis/helium-css

 CSS only responsive navigation

  響應式的佈局,現在在網路上很受歡迎,在我看來,這絕對是一件好事。這裡是一個可下載和可重複使用的響應式 CSS 導航選單。更多資訊: http://valdelama.com/css-responsive-navigation

相關文章