發現2017年最好的CSS框架

来源:http://www.cnblogs.com/hnyei/archive/2017/07/27/7246527.html
-Advertisement-
Play Games

如今,無數的框架出現在定期而少數人喜歡自助,Foundation和angular.js主宰了整個世界的發展。 ...


如今,無數的框架出現在定期而少數人喜歡自助,Foundation和angular.js主宰了整個世界的發展。
CSS代表用於描述HTML(或XML)文檔表示的樣式表語言。一個框架被定義為一個包,它由一組結構化的文件和標準化代碼(HTML、CSS、js文檔等)組成,用於支持網站的開發,以此作為開始創建或建立站點的基礎。
在本文中,我們將展示2017的一些最好的CSS框架,這些框架在我們的關註中是最好的,並且被幾個開發人員使用,並且有很多功能可以幫助開發相關的任務。
讓我們知道哪一個是你最喜歡的,為什麼張貼評論如下。

1. Spectre


spectre.css是一個輕量級的響應和現代更快和可擴展的開發CSS框架。幽靈提供的印刷和元素的基本風格,flexbox基於響應式佈局系統,CSS組件和最佳實踐編碼一致的設計語言工具。在您的項目中,有4種方法可以開始使用CSS CSS框架。你可以手動安裝或使用NPM,Yarn和Bower。

2. Mini.css


mini.css旨在提供儘可能多的功能儘可能超過7KB gzip壓縮。這個非常小的腳印意味著你的網站和Web應用程式將載入得更快,同時利用它提供的現代組件仍然很好。mini.css為你提供了一個可定製的風味體系,讓你成為一個設計師的所有努力。這樣你就可以創建你自己的定製設計和個性化你的網站任何你想要的方式!

3. Griddy


CSS網格是下一件大事,它將改變我們如何安排佈局和使用網格框架來構建網站。然而,考慮到複雜性,使用CSS網格對某些用戶來說可能是壓倒性的。在這種情況下,這個方便的Web應用,Griddy,可以學習CSS網格是非常有幫助的。

4. Waffle Grid

 

它是CSS網格框架的建立與flexbox。這裡的CSS網格系統是超輕,重量在只有7KB縮小使用預設設置。使用中小型設備的類,Waffle Grid可以使您的佈局完全響應。Waffle Grid系統完全是在薩斯寫的,所以你可以很容易地改變或自定義網格以適合你的需要。

5. Luxbar

 

luxbar是CSS框架,可以很容易地創建一個響應式導航;只需添加樣式和添加HTML正確。你可以通過npm,涼亭安裝這個庫,或鏈接的樣式表直接從CDN。

6. Bulma

 

布瑪是一個基於flexbox現代CSS框架。它允許您使用框架中所有最新的速度,同時仍然使用CSS中最新的佈局工具。響應,模塊化,免費的,它的功能強大,重量輕。

7. CuteStrap

 

時髦的,自用的CSS框架。一個小小的替代引導。所有元素和組件都與基線網格完全對齊。輕鬆定製預設變數,只包含您需要的文件。文件是生成使用KSS,製作一個簡單的cutestrap發射點你的風格。

8. Wing


Wing 是一個最小的CSS框架,Wing是為那些較小的側面項目,因為它沒有充分的功能,如引導,基礎等機翼樣式基本元素,有一個網格,和一些褪色的動畫。Wing使它變得非常簡單,使網站響應和移動友好。網格,容器,排版,按鈕……一切!它都是移動友好和易於使用。只是~ 4kb縮小。使超快速載入和使用。你不需要編譯任何文件,沒有什麼複雜的。你所做的只是鏈接它,然後你就完成了。因為Wing的輕量級文件大小。

9. Miligram

 

Milligram為快速清潔的起點提供了最少的樣式設置。只是它!只有2KB gzip壓縮!這不是一個UI框架。它是專為更好的性能和更高的生產力而設計的更少的屬性重置,從而產生更乾凈的代碼。希望你喜歡!

10. BlazeCSS

blazecss是一個模塊化的CSS框架建築結構良好的網站迅速。這是在整體框架的引導和microframeworks像Milligram。你可以使用火焰的任何部分隔離,使你的有效載荷小而集中。火焰是一個移動的第一方法建立和它是完全響應,它可能9kb但其完整的和易於使用的。

11. Pavilion

Pavilion 是一個簡單的,unopinionated CSS框架的建立為前端Web開發者傾向於不使用預數以百計的UI組件框架和一些船。為前端開發人員建立的,他們傾向於創造性,探索和創建UI組件本身,而依賴於堅實的基礎和未來的驗證能力

12. RichCSS

RichCSS是一個面向對象的CSS框架提供預設結構的可重用的CSS元素。它基於一種架構風格,它以一種允許您的CSS的可重用性、版本控制、CSS插件的使用和使用的方便性的方式組織代碼。RichCSS把會議的組織,任何人都可以理解和使用CSS。

13. Vital

Vital是現代Web應用程式的一種微創CSS框架。這隻是6kb的壓縮包,沒有JavaScript和龐大的設備支持。Vital是建立在少即是多的原則之上的。用更少的代碼工作意味著壓縮的bug更少,閱讀的文檔更少。減少編碼時間意味著有更多的時間專註於下一個殺手級功能。.

14. Scooter

組合框架的構建提供基礎的樣式,CSS組件,和Dropbox快速靜態原型。

15. Kube

Kube是一個Web框架的專業開發者和設計者一樣。Kube是建造和設計提供最靈活而強大的CSS框架的社區。與許多其他Web框架,Kube是偉大的超快速啟動和嚴重的前沿,面向未來網路發展。
Kube是一個線框,為你的項目框架,在某種程度上。它不強加設計風格或代碼決策;它需要流暢性和熟練使用最新的HTML和CSS技術。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一張圖,清晰的說明 SLB和 CLB的優劣。 ...
  • 背景:之前一直用的artdialog,但是樣式不是很好看,後來偶然看到layer,覺得不錯,但是對於.net mvc來說,不能像artdialog一樣彈出分部視圖是很難受的。所以下麵的方法就解決了。 ...
  • html部分代碼 這是一個下拉多選框,現在要動態往裡添加下拉選項。 js代碼 關鍵在於$(".selectpicker" ).selectpicker('refresh'); 如果沒有這句數據是綁定不進去的。 ...
  • [1]創建 [2]使用 [3]共用體系 [4]類型轉換 [5]屬性檢索 [6]內置Symbol ...
  • 使用技術: vue+vux 樣式使用的是vux的cell組件 如下圖的官方demo樣子 上圖的樣式需要修改一下,把 保護中 修改成一個圖片 並且內嵌一個input type=‘file’ 就可以擁有好看的樣式的文件上傳了 下麵我們要改造cell變成我們想要的結果 解釋一下: @是v-on的縮寫;在組 ...
  • 問:三行a,b,c的輸出分別是什麼? 首先來看第一行 var a = fun(0);等同於fun(0, undefined),因為未傳遞第二參數,所以列印undefined; a.fun(1);因為閉包的存在,所以n依然在記憶體中存在,所以此式等同於fun(0, undefined).fun(1);所 ...
  • 選擇器、屬性及方法調用的配合使用: <style> #a{ width: 200px; height: 100px; background-color: red; } .b{ width: 200px; height: 100px; background-color: green; } .div1{ ...
  • 輪播圖是現在網站網頁上最常見的效果之一,對於輪播圖的功能,要求不同,效果也不同。我們見過很多通過不同的方式,實現這一效果,但是有很多比較麻煩,而且不容易理解,相容性也不好。在這裡分享一下,用js原生代碼,實現輪播圖的常見效果!思路比較清晰,而且可重覆性高,也幾乎包含了現在網頁上輪播實現的所有效果! ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...