10个开源css框架

转一篇来自自己老博客上关于CSS框架的文章,很早之前从某人博客上翻译过来的,那时其实没有在关注这些CSS框架的应用,基本上是简单地了解一下有这些东西存在而已,没有机会应用到实处,这里再搬出来以便研究。

1.Blueprint:

Bluepring 提供外部工具和模板是个亮点。

2.960 Grid System

一个比较出名,值得细细研究的CSS框架,提供的源文件包含了Firework、Photoshop、Inkscape等等的模板,可以拿来随手即用,PSD文件中已经预置了参考线,可以为设计师节省不少时间。

3.Tripoli Framework

Tripoli可以支持几乎现有的所有浏览器,甚至是IE5,包含了一些基础css库,和一些封装过的CSS组件,比如:Layout、Visual、Type、Negative。

4.YAML – Yet Another Multicolumn Layout

YAML是一款开发文档齐全、非常可靠的框架,参照它给出的PDF文档和官方网站上的示例可以很轻松地上手,它也提供很多开发中可以利用的工具,比如李咏YAML Builder可以构造一个机遇YAML的CSS布局实例。

5.YUI Grid CSS

YUI Grid CSS不仅支持固定宽度的布局实现还支持不定宽度的布局,这也是它比其他框架更为灵活的地方,你可以下载YUI的cheat sheet和官方网站的YUI Grids Builder来快速上手使用YUI Grids CSS。

6.BlueTrip

Blue Trip区别与其他框架的特点是它非常有特色而且十分美观,它的官方网站上有完整的开发文档和demo。

7.Content With Style

Conten With Style是一款固定宽度布局的CSS框架,包含了一系列的布局示例比如,一列垂直导航、两列垂直导航等等。

8.Elastic CSS Framework

Elastic提供了用声明式语言来定义布局结构和行为,这个框架还刚刚起步,最好的Demo就是它的官网本身。

9.Molio CSS/HTML Templates

Mollio的开发始于IE7暴露出很多渲染的问题,它可以作为网站布局的参考,特别适合CSS初学者。

10.SenCSS

Sen并没有提供布局方面实例,但是有一些类似baseline, fonts, paddings, margins的css可利用,它包含了一个开发版本和一个发布版本。

其他的一些CSS框架:

Published by

Z.J.T

Product Designer from Wandou Labs