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框架
You need to set
install_url
to use ShareThis. Please set it in _config.yml
.