10 种常用的CSS框架,收藏一下
文章目錄
1、Bootstrap
2、 Foundation
3. Materialize CSS
4. Semantic UI
5. Bulma
6. UIKit
7. PureCSS
8. Tailwind
9. Ant Design
10.Tachyons
css 框架
1、Bootstrap
作為最受歡迎的工具之一,Bootstrap在Web開發人員眼中已成為了業界領先的前端框架。為了使Web開發人員能夠構建出不同的用戶界面組件,Bootstrap能夠將CSS、Javascript和HTML代碼組合到一起。
2、 Foundation
ZURB于2011年9月設計出了Foundation。與其他CSS框架相比,Foundation不但擁有先進而復雜的界面,而且提供了響應式菜單,以及與各種設備和瀏覽器的兼容性。您還可以使用CSS框架,來輕松地按需設置各種菜單樣式。
3. Materialize CSS
以Google為基礎的Materialize CSS融合了JavaScript、CSS和HTML等各種組件。它不但具有一定的響應能力,而且存在較少的瀏覽器兼容性問題。如果您希望構建一個優雅的UI,那么Materialize就可以通過大量的自定義CSS,以及多種配色方案,來幫助您完成獨特的網站設計。
4.Semantic UI
作為一名全棧開發人員,Jack Lukic使用自然語言原理創建了Semantic UI框架。憑借著jQuery和LESS功能,Semantic UI提供了光滑、平整且精細的外觀,以及輕量級的用戶體驗。它的社區雖然相對較小,但是其成員既熱情又忠誠。他們的目標是創建一種共享的UI語言,以賦予開發人員和設計人員同樣的權利。目前,Semantic UI社區已經擁有約3000多個主題。
5、 Bulma
作為一個基于Flexbox的開源框架,Bulma在全世界擁有超過20萬名開發用戶。它可以通過可視化的組件,讓開發人員了解其運作的過程。該前端框架通過各種技術,為前端開發人員提供了一種內聚(cohesive)的界面。此外,由于它使用了響應式模板,因此我們可以更好地專注于網站的內容,而不是代碼的編寫。
6、 UIKit
UIKit是一個模塊化的輕量級前端CSS框架。它非常適合于快速開發那些功能強大的Web界面。憑借著CSS、HTML和JS組件的全面集合,它能夠讓前端框架既容易擴展,又方便被定制使用。UIKit是用于開發iOS應用最廣泛的前端框架之一。它定義了諸如:按鈕、標簽、導航控制器和表格視圖等核心組件。
7. PureCSS
由Yahoo開發的PureCSS,提供了一組體積小、且具有快速響應能力的CSS模塊。它非常適合開發那些界面美觀且功能不同的項目。PureCSS具有快速響應能力的內置設計,以及最小體積的標準化CSS,而且它們都是免費的!
8、Tailwind
Tailwind是一款utility-first的框架,可以被用于快速地構建UI。作為一個utility-based的CSS庫,它比那些語義和精益標記(lean markup)更注重實用性和速度。在創建網站時,您只需要確定項目的范圍,而無需自行編寫CSS。雖然Tailwind并不提供默認的主題,您也找不到任何內置的UI組件,但是您可以使用預設計的部件菜單,來構建目標網站。
9. Ant Design
由阿里巴巴開發的Ant Design是一種Javascript庫類型的ReactJS組件庫。通過將屏幕區域分為24列網格,它增加了用戶對于可見區域的自定義能力。同時,它通過各種填充(filled)和輪廓(outlined)圖標,來滿足不同的應用程序的要求。
10、 Tachyons
與其他流行的前端框架不同,Tachyons旨在將CSS規則分解為小型的、可管理的、以及可復用的部件。Tachyons可以幫助開發人員創建出具有高度可讀性、能夠快速加載和響應的網站,而且無需使用大量CSS代碼。
沖
總結
以上是生活随笔為你收集整理的10 种常用的CSS框架,收藏一下的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: LeeCode(C++):买卖股票的最佳
- 下一篇: 眼下最流行的五大CSS框架,你都知道么?