UI 框架

英文 | https://www.geeksforgeeks.org/10-best-css-frameworks-for-frontend-developers-in-2020/?ref=rp
翻译 | web前端开发(ID:web_qdkf)

Bootstrap

  • 快速成型
  • 大型生态系统
  • 大量的组件
  • LESS和SASS支持
  • 简单的文档和较低的学习曲线
  • 由Twitter开发,因此对社区有长期的长期信任。

Foundation

  • 创建响应式设计
  • 强大的电子邮件框架
  • 极高的灵活性
  • 在线网络研讨会培训支持。
  • 易于定制。
  • 提供了完整的模块化工具集,可让您解决几乎所有的界面任务
  • UI组件及更多:先进的成像系统,定价表组件,表单验证,垂直时间轴布局,RTL支持等等。

Bulma

  • 所有CSS类名称均按逻辑命名,因此易于学习和记住语法。
  • 纯CSS,无JavaScript
  • 大社区
  • 模块化:使用Saas构建,您可以通过仅导入所需的必要功能来设计界面。
  • 大量组件,例如垂直对齐解决方案,布局以及媒体对象

Pure

  • 移动友好
  • 完全基于CSS,因此很容易学习。
  • 它提供5点,2点,24点等的变化。因此,在创建网格和列系统时可以更加灵活地使用它。

Semantic UI

  • 友好的类名:它使用人类友好的HTML,因此可以使用自然语言进行编码。
  • 与Bootstrap 4和其他框架相比更具吸引力的布局。
  • 仅加载必要的组件,从而减少了下载时间和文件大小
  • 广泛的组件

Tailwind CSS

  • 易于定制
  • 实用程序类
  • 带有响应式选项

UI kit

  • 极简主义
  • 大量有用的UI组件集合。
  • 与更少和更少兼容
  • 包含JavaScript
  • 对任何设备的适应性

Materialize CSS

  • 材料设计
  • 引导网格
  • 大量的组件选择
  • 轻松定制
  • 与Sass兼容

Skeleton

  • 移动友好
  • 简单易学

Miligram

  • 基于Flexbox网格
  • 超级设计主题

以上是我对下列视频及文章的归纳和总结。
10个前端开发人员必须知道的CSS框架

作者

Fallen-down

发布于

2020-05-02

更新于

2020-05-04

许可协议

You need to set install_url to use ShareThis. Please set it in _config.yml.
You forgot to set the business or currency_code for Paypal. Please set it in _config.yml.

评论

You forgot to set the shortname for Disqus. Please set it in _config.yml.
You need to set client_id and slot_id to show this AD unit. Please set it in _config.yml.