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功能获取最新的版本。

您或许会喜欢:

如果您喜欢本文,您可以对本文发表评论订阅本站 以获取本站最新动态。

12 个评论

  • nobird 发表于 December 10, 2008 at 21:56
  • nick 发表于 December 11, 2008 at 00:32
    • mienflying 发表于 December 11, 2008 at 09:38
  • 星铃丹 发表于 December 11, 2008 at 09:21
    • mienflying 发表于 December 11, 2008 at 09:38
  • korui 发表于 December 11, 2008 at 12:24
  • nick 发表于 December 11, 2008 at 13:57
  • pure 发表于 December 16, 2008 at 12:00
  • tao1073 发表于 July 1, 2009 at 15:49
  • 杜杜 发表于 July 8, 2009 at 22:55
    • mienflying 发表于 July 8, 2009 at 23:04

1 个引用

  1. 一个全能的CSS框架:BlueTrip| CSS| 前端观察

发表评论