今天看到某位同仁推荐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过来用!
而YAML说明很少,我看不明白,例子又太简单,不适合我这种入门级的玩家,过~~
最后还是选中了blueprint,清晰的表述,例子做得特别好,三个框架中最好的一个,特别是看到form.css中,对error、notice、success也有特别定义,可谓内容丰富,简便实用啊。(注:主页上例子不全,form的例子须下载后看包内的joshuaclayton-blueprint-css/tests/parts/forms.html)
最后的决定:使用
blueprint
这个框架,不过把Elements的extendLink.css和对应的icons拷过来使用。
分享到:
相关推荐
Yaml 是一个模块化的 CSS 框架,可以用来构造灵活,可访问和响应式的页面。YAML 提供一系列完整的匹配构建模块来创建复杂的网页界面。网格,导航,表格,字体排版模块和所有附件都能进行无缝的协同合作。所有的布局...
TC (”ThinkCSS”) 是一个 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防止枯燥的跨浏览器兼容性...
nec规范之css框架文件,详见博文:http://blog.csdn.net/chen_zw/article/details/47908475
最新鲜的CSS框架
基于Flexbox的现代CSS框架
css 框架 xhtml div
一些非常棒的CSS框架集合
15个国外最流行的CSS框架
EZ-CSS是一款轻量级的CSS布局排版框架,EZ-CSS和其他的CSS框架有很大的不同,因为它很小,才1kb。而且EZ-CSS的扩展性很强,对浏览器兼容性较为友好,利用EZ-CSS,你可以快速的实现较为复杂的网页布局排版。介绍地址...
useful.ly是一个基于Flexbox的CSS框架
Css框架 网上找的连个css框架, 简单好用
用到 jquery 框架 css 框架, 里面css写的真好,推荐
渴切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它融入了css3技术,以及响应式布局,12列栅格系统,视差滚动等效果。它提供一个可靠的css基础去创建你的项 目,能够用于网站的快速设计,通过重...
Blueprint是一个CSS框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。
TukTuk 是一个高效快速的响应式 CSS3 框架。轻量级的设计和面向对象的 CSS。 标签:TukTuk CSS框架
960 Grid System 是一个纯css做成的css框架,使用它能有效的简化美工的操作。 标签:CSS框架
gulp4 babel 一个优雅的移动端css框架
渴切-开源中文css框架v3.1.zip
框架大部分样式靠class选择器定义,就是说大部分标签都可以使用,框架还使用部分id选择器定义样式,框架也给table,th等标签定义了默认样式,无需重新编写css来定义,如果你是css小白可以参考该框架制作出更加强大的...