几款CSS框架的对比选用

阅读更多

      今天看到某位同仁推荐CSS框架(http://sunxboy.iteye.com/blog/235741)，但描述很简单没有对比，于是选了几个看了看，小结如下：

      选了三个CSS框架摸了一把，有Elements，YAML，blueprint，看下来Elements是说的最清楚的，让你一看就明白它在干嘛，应该怎么用（其说明文件就是指出其每个目录的作用，帮你在启动项目时做好规划），但它没有例子，这个比较头疼，另外因为它和prototype相结合，还特别为prototype的一个插件lightbox定制了css和images（也许只是直接搬过来的），而我自己在使用jQuery，于是不打算选择它了。关于jQuery和prototype的优劣，javaeye上曾经看到过一篇非常不错的文章，一语总结几大流行的JS框架的特点就是：

写道

1 jQuery方便实用，插件丰富，最为流行
2 MooTools新贵娇子，有后来居上之势，但尚未成熟
3 YUI更新太慢，跟不上节奏
4 prototype也很强，但比较鸡肋，上手较难

 

     不过嘛，Elements有一大闪光点，那就是extendLink.css，定制了很多常用链接的icon图标，甚至包括mailto、pdf、doc，提供了丰富的小图标icons，呵呵，这个可以直接copy过来用！

     Elements主页

 

     而YAML说明很少，我看不明白，例子又太简单，不适合我这种入门级的玩家，过~~

    

     最后还是选中了blueprint，清晰的表述，例子做得特别好，三个框架中最好的一个，特别是看到form.css中，对error、notice、success也有特别定义，可谓内容丰富，简便实用啊。（注：主页上例子不全，form的例子须下载后看包内的joshuaclayton-blueprint-css/tests/parts/forms.html）

     最后的决定：使用 blueprint 这个框架，不过把Elements的extendLink.css和对应的icons拷过来使用。