2017年非主流前端框架/庫特點整理

今天看了一些CSS框架,沒想到越看越多,而且越來越往UI Component上面走,整理一下各自的特點,備忘,這里不包含BootstrapSemantic UI

  1. Skeleton 13304喜歡
  • 依賴normalize.css
  • 很輕量,400行
  • 對默認元素進行設定
  • 扁平,藍色為基調(diào)
  • not a UI framework,組件很少
  1. Mini.css 111喜歡
  • 無依賴
  • 有點輕量40kb+
  • 基于class
  • 扁平,灰色
  • 基本組件都有
  • 組件化,可定制化
  1. bulma 11360喜歡
  • 無依賴
  • 120+kb大小
  • 扁平,局部有陰影,綠色為基調(diào)
  • 自稱modern,flexbox布局
  • 高度組件化
  1. milligram 4804喜歡
  • 依賴normalize.css
  • 10k
  • 娘炮紫色
  • 基本組件
  1. materialize 23830喜歡
  • 還算主流
  • 需要js配套文件,jquery和他自己的materialize.js
  • css大小為100+kb
  • materia 風格
  1. Wing 1041喜歡
  • Minimal CSS Framework,小
  • 扁平,dark主題
  • 只有基本組件
  1. UIkit 8121喜歡
    不喜歡這個顏色和設計風格
  2. https://www.muicss.com/
    MUI是一個輕量級的CSS框架,遵循Google的Material Design設計方針

小結(jié)

非主流也分二類:

大而全

有點類似做 Bootstrap 樣子大而全的:Semantic UIUIkit,感覺 bulma 也在往這個上靠。

不過我還是會選 bootstrap

小而美

有些甚至只提供基本樣式,如:SkeletonWingmilligramMini.css

其中 Mini.css 組件最完整,Wing 不夠完整但無依賴。

CSS 框架真難選,不過回過來看,如果沒有設計,又需要豐富的組件,那還不如就用喜歡10w+Bootstrap 省心,如果項目小,盡量選不用學習曲線的不用 class 的小而美的,Wing就很不錯。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • 無論是在產(chǎn)品設計,還是在研發(fā)上,極簡主義的應用簡直無處不在。如果你和我一樣熱衷極簡主義,那么本文分享的內(nèi)容,一定是...
    IT程序獅閱讀 3,100評論 1 49
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,117評論 25 708
  • 每個星期五都會準時收看《中國好歌聲》。雖然我五音不全,也不再青春年少。有時會被某一句歌詞打動而熱淚盈眶,有時也會為...
    木葉下閱讀 268評論 1 11
  • 小朋友請假在家一周,我也就放縱了一周,煲劇、喉嚨發(fā)炎、打點滴……
    努哈哈閱讀 223評論 0 0
  • 2017年10月20日如是家人溫玲,種種子第81天 發(fā)心:我今不是為了我個人而聞思修,而是為了六道輪回一切如母有情...
    溫馨霏玲閱讀 181評論 0 1