優秀工具推薦:超實用的CSS庫 樣板和框架

夢想天空發表於2013-11-01

  當啟動一個新的專案,使用 CSS 框架或樣板,可以幫助您節省大量的時間。在這篇文章中,我編譯整理了我最喜歡的 CSS 樣板,框架和庫,幫助你在建立網站或應用程式時更加高效。

 Bootstrap

  如果你想給你的新專案的專業的外觀和感覺,Boostrap 可能是你需要的工具。它擁有一個非常乾淨的排版,表格元素,以及設計一個現代化的網站你需要的所有東西。更多資訊: http://twitter.github.io/bootstrap/index.html

 Foundation

  Foundation 來自 Zurb,是一個非常有趣的工具,特別適合用於建立響應式網頁。Foundation 有很多不同的佈局模板,所以在你啟動新專案時,肯定可以幫助你節省很多時間。更多資訊: http://foundation.zurb.com/

 Compass

  Compass 是一個開源的 CSS 編寫框架。它採用 Sass,擴充套件了 CSS,增加了巢狀規則,變數,混入,選擇繼承等特性。絕對值得一試!更多資訊: http://compass-style.org/

 Profound Grid

  這是一個響應式的網格系統,用於固定和流體佈局,內建 SCSS。如果你打算開發一個基於網格的佈局,你絕對應該試試 Profound Grid。更多資訊: http://www.profoundgrid.com/

 Kube

  Kube 是一個簡單而簡約的 CSS 框架,基於靈活的網格和漂亮的印刷字型。如果你正在尋找一個輕量級的框架,沒有強加的風格,那麼這是適合你的工具。更多資訊: http://imperavi.com/kube/

 Topcoat

  我知道,我已經在文章介紹過很多次 Topcoat 了,不過 Topcoat 是真的很棒!如果你想能夠快速,輕鬆地建立一個專業的網站,那麼這是一個很好的選擇。更多資訊: http://topcoat.io/

 Pure CSS

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

  更多資訊: http://purecss.io/

 KNACSS

  KNACSS 是一個簡約的,響應式的和可擴充套件的 CSS 框架。它處理基本要素,盒大小,邊距,浮動,簡單和複雜的對齊,定位,佈局網格,間距等等,而且一切都是自動的!更多資訊: http://www.knacss.com/

 Metro UI

  你喜歡 Windows 8 的風格嗎?如果是的話,我敢打賭,你會喜歡的 Metro UI,這個 CSS 框架允許你建立的 Windows 8 風格外觀和感覺的網站。更多資訊: http://metroui.org.ua/

 Skeleton

  Skeleton 是一個小的 CSS 檔案集合,可以幫助你迅速開發在任何尺寸都外觀漂亮的網站,不過是在17寸的膝上型電腦的螢幕或 iPhone 上。更多資訊: http://www.getskeleton.com/

相關文章