多语言展示
当前在线:1158今日阅读:112今日分享:19

前端设计中的12个微型CSS框架

在这里总结下比较简约的较好的CSS框架,它们中的大多数都在5 KB(zip压缩后/文档压缩后),但其中包含的要素却足以构建响应式网页设计。
工具/原料

CSS框架

方法/步骤
1

MinMin,在这所有列出的CSS框架中最小的一个,具有响应式的12列网格系统、按钮样式、表格样式和兼容Android的图标等等,Min甚至支持像IE5.5这样的旧版本浏览器。

2

MilligramMilligram是现代用户界面规范,它的网格系统采用FlexBox,大小和长度使用 rem 单元,而且它是移动端先行。但行走在尖端是有代价的:官方Milligram仅仅支持最新版本的Chrome、Firefox、IE,Safari和Opera浏览器。

3

Blaze CSS跳出封装,Blaze已经很轻量级,但是由于它的模块化架构你可以让它更小,你可以删除掉项目中不使用的部分只保留你所要使用的(阅读instructions for creating a custom Blaze CSS build了解更多)

4

KubeKube包是一个小于6KB的CSS框架,拥有响应式网格系统,提供丰富的样式类为表单、表格、通知等

5

PurePure,一个由雅虎引领的开源项目,是一套帮助您快速构建响应式网页设计的CSS模块,Pure为所有HTML元素的基本类型(基于Normalize.css),如网格布局模块,Web窗体、按钮、表格、导航菜单等

6

Furtive自称“CSS微架构”,Furtive是面向现代的web设计。和Milligram一样,Furtive是移动端先行,拥有基于FlexBox的响应式网格框架,并且使用 rem 单元的长度和大小。它的基本内容包括:按钮、窗体、甚至默认颜色类

7

Skeleton尽管它已经一年多没更新了,Skeleton仍然一个一流的起点/样板来快速建设现代响应式web设计,它为HTML元素配备了一个直观的网格系统和基本样式

8

FOX CSSFOX CSS是一个轻量级的、模块化的CSS框架,它采用移动端先行的设计方式,支持IE9,并有一个非侵略性的CSS重置(灵感来自KNACSS)

9

BasscssBasscss由22个CSS模块组成其中包括一个CSS重置,网格系统、颜色类、实用类等来帮助你建立你的响应式设计,Basscss让人惊奇的地方是它的大小小于4KB

10

SiimpleSiimple是一种简约风格的CSS框架,用来创建简易的响应式web设计。它类似于Skeleton:它有直观的12列网格系统和基本的字体,表格,按钮,形式等等的样式

11

LotusLotus是现存的最小框架之一,它的主要元素包括:一个响应式的网格系统,字体,按钮,和网络窗体。

12

Picnic CSSPicnic CSS是一个用Sass写的轻量级UI框架,它能更容易的编辑和自定义变量,如颜色和长度。它还有一些不错的纯CSS写的UI组件,如模态窗口和内容滑块。

注意事项

这些框架肯定不会像bootstrap这样的大型框架全面,只用于简单的小项目中是可以的

推荐信息