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

您或许会喜欢:

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

12 个评论

  • nobird发表于 December 10, 2008 21:56 回复

    沙发看热闹,又一个舍不得用中文做解释的人~~-_-!

  • nick发表于 December 11, 2008 00:32 回复

    今天发现了CSS框架这好东西,搜索“960 CSS框架”找到了你的博客。受益匪浅,已经订阅你的博客。:)

  • 星铃丹发表于 December 11, 2008 09:21 回复

    嘿嘿,我现在的模板就采用了你的960框架……

    • mienflying发表于 December 11, 2008 09:38 回复

      TO:星铃丹

      哇,真的吗?太好了!
      我过段时间会用这个框架制作些CSS模板出来

  • korui发表于 December 11, 2008 12:24 回复

    前两天看到这个框架,google到这里来了,留个脚印,呵呵~

    下载来看看~

  • nick发表于 December 11, 2008 13:57 回复

    to:mienflying

    期待你的模板。

  • pure发表于 December 16, 2008 12:00 回复

    很好~~下个项目就用这个css框架了

  • tao1073发表于 July 1, 2009 15:49 回复

    24列的5列宽度写成280了

  • 杜杜发表于 July 8, 2009 22:55 回复

    您好,看了这个960觉得的蛮厉害的,下来看了一下,suffix24_21不知道这个是做什么用的?

    • mienflying发表于 July 8, 2009 23:04 回复

      这个控制该列到最左侧的间距的,一般情况下,用不着,因为一般情况下,不会让左边留很多空白。只有在特殊需要的时候采用的着。

1 个引用

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

发表评论