I Sparkle

Sparkle my ideas

Sparkle CSS 960 网格系统发布

960 CSS框架是一个很成熟的系统,它小巧灵活、易学易用。经过一段时间的学习和研究,我把960系统做了些优化,然后发布了《960 CSS框架解析及重构》。

前几天,一个网友问我,为什么960系统没有24列模块?我突然意识到这是一个问题。

在和他讨论之后,我意识到,在国内,其实应用最多的是24列网格,而12列网格和16列网格更适用于英文网站。而且,虽然从表面上来看,将页面分的列越多,看起来越复杂,但是事实上并不是这样的,列越多,可以组成的组合就越多,布局起来就越简单,更灵活。

经过研究,我在960系统上添加了24列模块。

同时,为了将960这个优秀的网格系统发扬光大,我将我的工作发布为一个新的衍生版本,它有以下改进和优点:

  1. 每一列的公用样式提炼分离出来,组成为一个通用的.column类,然后每一列的样式只需要控制宽度即可;
  2. 添加24列模块;
  3. 优化部分样式;

当然,这不是一个复杂的框架,任何有些CSS基础的人都可以很容易很快的学习它,并将其应用于自己的项目中。

希望大家喜欢,并欢迎提出批评。

同时,我将本项目发布为一个开源项目,项目地址:http://code.google.com/p/sparkle960/ 欢迎有兴趣的朋友加入本项目来完善这个框架。

最后特别感谢960的开发者Nathan Smith,他是一个很棒的前端开发人员,也是一个很和善的人,我多次和他讨论960系统,本框架也是在他的指导和授权下发布的。

Demo: http://www.isparkle.cn/show/960

源码下载地址:http://code.google.com/p/sparkle960/downloads/list 

同时,你也可以通过Google code的SVN功能获取最新的版本。