2017年非主流前端框架/库特点整理

今天看了一些CSS框架,没想到越看越多,而且越来越往UI Component上面走,整理一下各自的特点,备忘,这里不包含Bootstrap和Semantic UI。

  1. Skeleton 13304喜欢
  • 依赖normalize.css
  • 很轻量,400行
  • 对默认元素进行设定
  • 扁平,蓝色为基调
  • not a UI framework,组件很少
  1. Mini.css 111喜欢
  • 无依赖
  • 有点轻量40kb+
  • 基于class
  • 扁平,灰色
  • 基本组件都有
  • 组件化,可定制化
  1. bulma 11360喜欢
  • 无依赖
  • 120+kb大小
  • 扁平,局部有阴影,绿色为基调
  • 自称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设计方针

小结

非主流也分二类:

大而全

有点类似做 Bootstrap 样子大而全的:Semantic UI、UIkit,感觉 bulma 也在往这个上靠。

不过我还是会选 bootstrap。

小而美

有些甚至只提供基本样式,如:Skeleton、Wing、milligram、Mini.css。

其中 Mini.css 组件最完整,Wing 不够完整但无依赖。

CSS 框架真难选,不过回过来看,如果没有设计,又需要丰富的组件,那还不如就用喜欢在 10w+ 的 Bootstrap 省心,如果项目小,尽量选不用学习曲线的不用 class 的小而美的,Wing就很不错。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 无论是在产品设计,还是在研发上,极简主义的应用简直无处不在。如果你和我一样热衷极简主义,那么本文分享的内容,一定是...
    IT程序狮阅读 3,158评论 1赞 49
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,516评论 25赞 708
  • 每个星期五都会准时收看《中国好歌声》。虽然我五音不全,也不再青春年少。有时会被某一句歌词打动而热泪盈眶,有时也会为...
    木葉下阅读 361评论 1赞 11
  • 小朋友请假在家一周,我也就放纵了一周,煲剧、喉咙发炎、打点滴……
    努哈哈阅读 248评论 0赞 0
  • 2017年10月20日如是家人温玲,种种子第81天 发心:我今不是为了我个人而闻思修,而是为了六道轮回一切如母有情...
    温馨霏玲阅读 217评论 0赞 1

友情链接更多精彩内容