1. 程式人生 > >超級有用的CSS編碼工具集

超級有用的CSS編碼工具集

 九款超級有用的CSS編碼必備神器,包括:Pure CSS、CSS Trashman、Glue、Helium CSS、Bear CSS等等,希望你會喜歡。

  當你在開發某個網站或者應用時,找到適宜的工具絕對能幫助您節省大量的時間,本文,筆者收集了九款超級有用的CSS編碼工具,藉助這些優秀的工具能大大地減少開發時間,加快開發進度。

  Pure是CSS模組的元件,你可以在每個專案中將其作為基礎元件使用。有了它,使CSS開發變得更加簡單,整個框架看起來是如此的潔淨與專業。

  如今,在Web開發領域,響應式設計非常受歡迎。這裡你可以下載並且可重複使用響應式導航選單,但前提是隻能在CSS裡。

  當你在為某個大型專案編碼時想要使檔案儲存簡潔且緊湊,這一點似乎很難做到。別擔心,有了CSS Trashman工作起來就會變得更加簡單。這款線上工具不僅能夠檢索網站,還能壓縮樣式,讓你最終下載到最為潔淨的CSS檔案版本。

  Glue

  取代載入數十種圖片,以更好的方式來載入一張大圖,這種技術被稱之為CSS sprites。Glue是一種常見的命令列工具用來將圖片集轉換成一個單獨的檔案。

  Helium是一款基於JavaScript的開發工具,能夠在瀏覽器中直接執行並從CSS檔案中檢測出未被使用的樣式。

  Topcoat是一套非常整潔且乾淨的CSS類庫,專門用於各種表單元素:按鈕、複選框、幻燈等。只需幾分鐘,讓你的網站看起來更加出色。

  .Fitgrd是構建響應式網站的必備工具,除了建立網格,其他一切都由你決定,為你減少大量冗餘程式碼。

  Normalize.css旨在用HTML5-ready來替代CSS重置。它使瀏覽器渲染出的元素更加一致並符合現代化標準。其常被用於一些主流的網站,包括Twitter、Bootstrap、Soundcloud、TweetDeck等等。

  Bear CSS不僅美觀,而且非常易用。只需簡單建立HTML文件並將其上傳。Bear CSS會自動生成基於HTML元素的CSS檔案下載包。