快捷导航
 
9个最佳响应式 CSS 框架
VIEW CONTENTS
-推马SEO 门户 SEO知识 查看内容

9个最佳响应式 CSS 框架

2018-10-22 22:21| 发布者: relaxing| 查看: 512| 评论: 20
摘要: 已经2018年了,在飞速迭代的互联网行业,响应式几乎成为了个人和企业开发者的必备。在层出不穷的框架中,我们精选了9款拥有良好易用性,严格使用规范,体量适当同时兼顾美感的CSS框架。(不分先后)1.PurePure非常轻 ...

已经 2018 年了,在飞速迭代的互联网行业,响应式几乎成为了个人和企业开发者的必备。在层出不穷的框架中,我们精选了 9 款拥有良好易用性,严格使用规范,体量适当同时兼顾美感的 CSS 框架。(不分先后)

1. Pure

9个最佳响应式 CSS 框架

Pure 非常轻量级,经过压缩后不过 3.8KB。这是一个特别为移动端考虑的框架,为了压缩大小,每一行代码都经过仔细考量。当然如果你不使用框架给出的全部模块,体量还可以更小。

主页:https://purecss.io/

2. Skeleton

9个最佳响应式 CSS 框架

Skeleton 如其名字,非常小巧,设计简约,麻雀虽小五脏俱全。网格系统,文本,表单,按钮,列表,表格,媒体查询等功能面面俱到。非常适合快速创建简约网站的需求。

主页:http://getskeleton.com/

3. Milligram

9个最佳响应式 CSS 框架

另一个轻量级框架,体量可以与 Skeleton 和 Pure 相比,压缩后的预处理器仅仅 2KB 大小。Milligram 也使用了简约设计,模块几乎与 Skeleton 一致。当然,毫无疑问的是它也采用了基于 Flexbox 的网格系统。

主页:https://milligram.io/

4. Spectre

9个最佳响应式 CSS 框架

一个优雅的 CSS 框架,Flexbox 响应式,相比于 Milligram 等体量较大,但也算是轻量级(~10KB)。设计者是一位中国人喔。

主页:https://picturepan2.github.io/spectre/

5. Siimple

9个最佳响应式 CSS 框架

一个 6KB 左右的框架,遵从扁平化,简约的设计风格。如果你想尝试类似于 MEB 风格的网页设计,这个框架应该可以较好的配合整体设计风格。

主页:https://siimple.juanes.xyz/

6. UIKit

9个最佳响应式 CSS 框架

UIKit 是功能全面的前端框架里较为轻量级的一个,它集成了 Sass 和 LESS 预处理器。其组件完善,命名独特,当然也可以用户定制。

主页:https://getuikit.com/v2/

7. Semantic UI

9个最佳响应式 CSS 框架

如其名字所述,Semantic UI 非常语义化,易于使用,同时也能很好的与其他样式甚至框架集成。其模块也相当丰富,包括但不限于弹窗,下拉菜单,网格系统等等。顺带一提,这个框架文档的中文翻译做的还算不错。

主页:https://semantic-ui.com/

8. Bootstrap

9个最佳响应式 CSS 框架

Bootstrap 至今仍是流行度非常高的框架,如今已经正式发布了第四版。Flexbox,Sass,rem,这些流行趋势 Bootstrap 都一个不落跟进到位。当然,相比于其他框架,Bootstrap 的资源(文章和教程、第三方插件和扩展、主题构建器等)一直十分丰富。

主页:https://getbootstrap.com/

9. Foundation

9个最佳响应式 CSS 框架

Foundation 适用于网站和邮箱建设,是许多大型网站的选择,包括 Adobe,Amazon,Ebay,三星,剑桥大学等。易于上手对新手友好是它的一大特色。语义化,移动端优先,用户可定制模块使用三个特点使其广受欢迎。

主页:https://foundation.zurb.com/


鲜花

握手

雷人

路过

鸡蛋
relaxing

转发了

2018-10-22 22:18 引用
relaxing

转发了

2018-10-22 22:15 引用
relaxing

转发了

2018-10-22 22:13 引用
relaxing

转发了

2018-10-22 22:10 引用
relaxing

转发了

2018-10-22 22:06 引用
relaxing

转发了

2018-10-22 22:03 引用
relaxing

转发了

2018-10-22 22:01 引用
relaxing

转发了

2018-10-22 21:57 引用
relaxing

转发了

2018-10-22 21:54 引用
relaxing

转发了

2018-10-22 21:51 引用
relaxing

转发了

2018-10-22 21:49 引用
relaxing

转发了

2018-10-22 21:45 引用
relaxing

转发了

2018-10-22 21:42 引用
relaxing

转发了

2018-10-22 21:39 引用
relaxing

转发了

2018-10-22 21:37 引用
relaxing

用不惯

2018-10-22 21:34 引用
relaxing

再加一个凑够十大啊,又不是找不到

2018-10-22 21:30 引用
relaxing

关注收藏了

2018-10-22 21:27 引用
relaxing

bulma

2018-10-22 21:24 引用
relaxing

Amaze UI了解下[灵光一闪]

2018-10-22 21:21 引用

VR视频更多
周排行

让创业更简单

  • 反馈建议:service_media@36kr.com
  • 客服电话:
  • 工作时间:周一到周五

云服务支持

精彩文章,快速检索

关注我们

Copyright 推马SEO-SEO网络推广|优化排名|SEO教程-seo站长论坛  Powered by©  技术支持: