个超级的极简,11款最轻量级的CSS框架
分类:前端技术

2017 年 20 个顶级的极简 CSS 框架

2017/07/10 · CSS · 框架

原稿出处: HENRI WIJAYA   译文出处:IT程序狮   

图片 1

无论是在产品设计,还是在研发上,极简主义的施用大概无处不在。倘使您和本人同后生可畏心爱极简主义,那么本文分享的开始和结果,一定是你的“菜”。在篇章中,我们将与大家分享20 个至上的极简 CSS 框架,它们可以为您提供建站必备的零件,支持您节省时间。Have Fun!


图片 2

日子一无往返了HTML用于造型的网页。明日,CSS准则,很难想象未有它的别样网页设计。CSS在这里段时间十三分先进,用于成立复杂的Web设计清劲风骨。那么,大家怎么要接受CSS框架?答案比较轻巧。CSS框架首要满含预约义的书库,他们帮助您加速发展进度综上说述。无论你是开采Web应用程序,网站,以至在CMS一样,WordPress的,这一个框架会令你的生存更轻巧。

1. Spectre

图片 3

这是二个轻量级、响应式的现世 CSS 框架,用于飞速建站和增添程序的支付。它通过顶级编码施行和大器晚成致性的宏图语言,为排版与成分、基于 Flexbox 的响应布局体系、CSS 组件提供了骨干样式。

连串地址:【传送门】

甭管在产品设计,依然在研究开发上,极简主义的行使几乎无处不在。假设您和自身同生龙活虎心爱极简主义,那么本文分享的开始和结果,一定是您的“菜”。在篇章中,我们将与大家分享20 个一流的极简 CSS 框架,它们可认为您提供建站必备的零部件,帮衬你节省时间。Have Fun!

更为多的开拓商正在搜寻CSS框架,小和轻。那几个框架无需太多的财富,也不依附于任何特定样式的模版或网格。较轻的框架平时更易于学习,并最后精通。那个框架的布署提供的作用是纯属供给的。他们是老大小的,由此不影响页面加载时间。借使您正在搜求最好的轻量级的CSS框架,大家编辑了那10人名单。他们肯定会让您的生活更轻巧。

2. Layers

图片 4

Layers CSS是叁个指向性实例的 CSS 框架。它有着轻量级、零注重等特点。

项目地址:【传送门】


1.Milligram

毫克提供最小的装置样式为飞快干净的起源。只是它!唯有用gzip压缩!这不是一个UI框架。专为越来越好的性质和更加高的生产力,与少之又少的习性重新恢复设置导致更洁净的代码。

图片 5

在线预览

3. Milligram

图片 6

Milligram 提供了极简样式设置,便于你连忙、简洁的开启建站之旅。即便它不是二个 UI 框架,但它的设计思想却是以提供优越的特性、高效的开销功用以至最少的属性重新设置而创设的。同偶尔候,它也是轻量的,在 Gzip 压缩后,它唯有 2KB 大小。

品种地址:【传送门】

1. Spectre

图片 7

那是贰个轻量级、响应式的今世 CSS 框架,用于火速建站和扩展程序的花费。它通过拔尖编码推行和大器晚成致性的设计语言,为排版与元素、基于 Flexbox 的响应布局种类、CSS 组件提供了主导样式。

品种地址:【传送门】

2.Layer.CSS

三个轻量级的,不料定的风格非亲非故,CSS框架针对实际使用状态。带有二个小的足迹和零的废话。

图片 8

在线预览

4. Cutestrap

图片 9

若是你在检索功用丰硕的零件,那么 Bootstrap、Foundation 那类框架将会是你的一级接受。不过,要是您想选用的框架大小是在 normalize.css 与多少个完好框架范围之间, Cutestrap 或者是个不错的抉择。它在减小后唯有 8K 大小,可用作 Bootstrap 的轻量级代替方案。

类型地址:【传送门】

1. Layers

图片 10

Layers CSS是三个针对性实例的 CSS 框架。它装有轻量级、零信任等本性。

类型地址:【传送门】

3.Scooter

一个专门的职业的确立提供基础框架样式,CSS组件,和Dropbox快捷静态原型。

图片 11

在线预览

5. Mobi

图片 12

Mobi.css 是二个轻量级、可扩张、移动优先的 CSS 框架。它当心于细节,对于剧情充分的网页可以提供上乘的顾客体验。尽管,它小心移动端,但桌面顾客端的体会也是很棒的。

连串地址:【传送门】

1. Milligram

图片 13

Milligram 提供了极简样式设置,便于你连忙、简洁的开启建站之旅。即便它不是贰个 UI 框架,但它的宏图意见却是以提供不错的品质、高效的开拓作用以致起码的性质重新恢复设置而创设的。同时,它也是轻量的,在 Gzip 压缩后,它只有 2KB 大小。

项目地址:【传送门】

4.Concise

简短是一个轻量级的前端框架,提供了众多伟大的职能未有膨胀。简洁是依照面向对象的CSS原则建设构造和维持语义的合计提供一个小的上学曲线,和高档期的顺序的定制。

图片 14

在线预览

6. Hack

图片 15

Hack 是一个无比简易的 CSS 框架。那有生机勃勃对示例,你可以驾驭下。

项目地址:【传送门】

1. Cutestrap

图片 16

比如你在研究功用丰裕的零部件,那么 Bootstrap、Foundation 那类框架将会是你的最佳选拔。可是,假设您想选用的框架大小是在 normalize.css 与二个完好框架范围以内, Cutestrap 只怕是个科学的精选。它在减小后只有 8K 大小,可看作 Bootstrap 的轻量级替代方案。

种类地址:【传送门】

5.Base

轻量级和纤维代码。花更少的小时名列三甲的风格和越多的时辰专心于成立美观的网址选拔。

图片 17

在线预览

7. Wing

图片 18

三个根据极简主义设计意见的特出的 CSS 框架。

体系地址:【传送门】

1. Mobi

图片 19

Mobi.css 是一个轻量级、可扩展、移动优先的 CSS 框架。它小心于细节,对于内容丰盛的网页能够提供上乘的客户体验。纵然,它小心移动端,但桌面客商端的心得也是很棒的。

花色地址:【传送门】

6.Penguin

企鹅是叁个轻量级的、可扩张的前端框架创建SASS运营任何项目。

图片 20

在线预览

8. Sakura

图片 21

三个便于定制的极简 CSS 框架/核心。

项目地址:【传送门】

1. Hack

图片 22

哈克 是多少个最佳简易的 CSS 框架。那有一点点示例,你能够了然下。

品种地址:【传送门】

7.Caramel

简易、现代、敏感的网址框架。该代码是一丝一毫响应,那代表你只需求写贰次代码,在多少个阳台上有相符的结果。

图片 23

在线预览

9. Mini

图片 24

Mini 作为四个 Gzip 压缩后不到 7KB 大小的极简框架,它兼具响应式、易用性和定制性等特色,意在为您提供尽可能多的坚决守住。由于它是轻量框架,不止让您创建的网址和应用程序具有越来越快的加载速度,并且它所提供的组件能够满意基本的花费要求。

项目地址:【传送门】

1. Wing

图片 25

一个基于极简主义设计观念的绝妙的 CSS 框架。

类型地址:【传送门】

8.Responsive

超级轻量级的HTML,CSS,Sass,建设响应式网址的JavaScript框架。

图片 26

在线预览

10. Pavilion

图片 27

Pavilion 是贰个粗略的 CSS 框架,符合那一个不欣赏使用其余框架中附带预约义 UI 组件的开拓人士。如若您正在查找三个精简、轻量、可订制的,况兼不会现身代码膨胀的 CSS 框架,Pavilion 将是个科学的选项。

品类地址:【传送门】

1. Sakura

图片 28

二个便于定制的极简 CSS 框架/核心。

种类地址:【传送门】

9.Workless

Workless是二个CSS框架获得你的体系和尽恐怕快地跑。

图片 29

在线预览

11. Core CSS

图片 30

那是三个营造轻量级响应式网址的前端框架,它从不内置预设成分和卡通,只提供了三个超简单的网格种类– 即它的列是生成的,行是 self-clearing,而分界点则是按逻辑均匀的布满。你能够据守想要的办事措施,进行定制与运用。

品类地址:【传送门】

1. Mini

图片 31

Mini 作为多个 Gzip 压缩后不到 7KB 大小的极简框架,它具有响应式、易用性和定制性等特色,目的在于为你提供尽只怕多的职能。由于它是轻量框架,不独有让您成立的网站和应用程序具有更加快的加载速度,况且它所提供的零部件能够知足基本的开支必要。

项目地址:【传送门】

10.Kouto swiss

Kouto swiss触控笔完毕的CSS框架,灵感来自伟大的工具如笔尖,指南针,波旁。

图片 32

在线预览

12. Siimple

图片 33

Siimple 是一个助你构建扁平化网址风格的轻量、响应式的开源框架。它放到了 SASS / SCSS,为你的网页设计提供了简要的最初。

花色地址:【传送门】

1. Pavilion

图片 34

Pavilion 是二个轻松的 CSS 框架,切合这一个不希罕使用任何框架中附带预订义 UI 组件的开荒人士。要是你正在查究一个简易、轻量、可订制的,况且不会现出代码膨胀的 CSS 框架,Pavilion 将是个科学的筛选。

类别地址:【传送门】

11.Dead Simple Grid

Dead Simple Grid是三个响应的CSS网格框架,只是轻微。

图片 35

在线预览

正文固定链接: 

13. Scooter

图片 36

只顾为 Dropbox 提供基础样式、CSS 组件以至高速静态原型的 SCSS 框架。

品类地址:【传送门】

1. Core CSS

图片 37

那是八个营造轻量级响应式网址的前端框架,它未有放置预设成分和卡通,只提供了四个超轻便的网格连串– 即它的列是浮动的,行是 self-clearing,而分界点则是按逻辑均匀的遍及。你能够依据想要的干活办法,实行定制与利用。

品种地址:【传送门】

14. Workless

图片 38

创设更加快 Web 应用程序的开源 HTML, CSS 与 JS 框架。

项目地址:【传送门】

1. Siimple

图片 39

Siimple 是贰个助你制作扁平化网址风格的轻量、响应式的开源框架。它放到了 SASS / SCSS,为你的网页设计提供了简要的启幕。

花色地址:【传送门】

15. Responsive

图片 40

一个功效强盛、对开拓职员友好的,用于营造响应式网址的轻量级前端框架。

花色地址:【传送门】

1. Scooter

图片 41

注意为 Dropbox 提供基础样式、CSS 组件以至火速静态原型的 SCSS 框架。

花色地址:【传送门】

16. Kouto swiss

图片 42

专一于 Stylus 的大器晚成体化 CSS 框架。它的灵感源自流行的预管理工科具库,举例nib、compass、bourbon.

体系地址:【传送门】

1. Workless

图片 43

构建更加快 Web 应用程序的开源 HTML, CSS 与 JS 框架。

花色地址:【传送门】

17. Concise

图片 44

Concise 为您的网址设计提供了压实的底蕴。它提供了风度翩翩套仅包涵基础样式的简要框架,并包括了大批量开箱即用的法力。同不平时候,你也得以由此接收基础的增大组件举行效用性扩展。

花色地址:【传送门】

1. Responsive

图片 45

三个功用强大、对开采人士友好的,用于塑造响应式网址的轻量级前端框架。

花色地址:【传送门】

18. Penguin

图片 46

Penguin 是贰个由 Sass 营造的轻量级、可扩充的前端框架,用于运维任何项目。

类别地址:【传送门】

1. Kouto swiss

图片 47

留意于 Stylus 的完全 CSS 框架。它的灵感源自流行的预管理工科具库,举例nib、compass、bourbon.

种类地址:【传送门】

19. Base

图片 48

一个加强的响应式 HTML 与 CSS 框架。

花色地址:【传送门】

1. Concise

图片 49

Concise 为您的网址设计提供了稳定的基础。它提供了大器晚成套仅包涵基础样式的简练框架,并富含了大批量开箱即用的功能。同时,你也得以由此选择基础的增大组件举办功效性扩充。

花色地址:【传送门】

20. Caramel

图片 50

Caramel 是二个粗略、当代的一心响应式 Web 框架。你仅需求编写制定三遍代码,就能够获得在多平台上亦然的意义。

类型地址:【传送门】


谢谢你的翻阅。若您具有收获,招待点赞与享受。

1 赞 8 收藏 评论

图片 51

1. Penguin

图片 52

Penguin 是贰个由 Sass 营造的轻量级、可扩张的前端框架,用于运营任何类型。

种类地址:【传送门】

1. Base

图片 53

三个深厚的响应式 HTML 与 CSS 框架。

品种地址:【传送门】

1. Caramel

图片 54

Caramel 是二个精短、现代的一丝一毫响应式 Web 框架。你仅须求编写制定一回代码,就可以猎取在多平台上同生机勃勃的职能。

品类地址:【传送门】


谢谢您的开卷。若你富有收获,应接点赞与共享。

注:

  1. 正文版权归原版的书文者全数,仅用于学习与沟通;
  2. 如需转发译文,烦请按江湖声明出处消息,感谢!

印度语印尼语原稿:20 Best Minimal CSS Frameworks 2017
作者:HENRI WIJAYA
译者:IT程序狮
译文地址:http://www.jianshu.com/p/976cb95b31a3

本文由pc28.am发布于前端技术,转载请注明出处:个超级的极简,11款最轻量级的CSS框架

上一篇:表头的片段讲授,的施工方案 下一篇:没有了
猜你喜欢
热门排行
精彩图文
  • 个超级的极简,11款最轻量级的CSS框架
    个超级的极简,11款最轻量级的CSS框架
    2017 年 20 个顶级的极简 CSS 框架 2017/07/10 · CSS ·框架 原稿出处: HENRIWIJAYA   译文出处:IT程序狮    无论是在产品设计,还是在研发上,极简主义的施用
  • 表头的片段讲授,的施工方案
    表头的片段讲授,的施工方案
    再谈 Retina 下 1px 的解决方案 2017/07/25 · CSS ·1px 原文出处: 大漠    在互联网上有关于 1px 边框的解决方案已经有很多种了,自从使用Flexible库之后,再也
  • 一应俱全的断然底部,CSS多种艺术达成Footer置底
    一应俱全的断然底部,CSS多种艺术达成Footer置底
    Sticky Footer,完美的相对底部 2017/04/14 · CSS · 1评论 ·footer 原稿出处:坑坑洼洼实验室    页脚置底(Stickyfooter)正是让网页的footer部分始终在浏览器窗口
  • 层叠顺序与堆栈上下文知多少,css层叠上下文
    层叠顺序与堆栈上下文知多少,css层叠上下文
    有趣的CSS题目(3): 层叠顺序与堆栈上下文知多少 2016/09/29 · CSS ·CSS 本文作者: 伯乐在线 -chokcoco。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作
  • 文字描述,jquery实现导航菜单
    文字描述,jquery实现导航菜单
    CSS3热身实战——过渡与动画(实现炫酷下拉,手风琴,无缝滚动) 2017/08/04 · CSS · 9评论 ·动画,过渡 原文出处: 守候你    jquery实现的个人中心导航菜单