几种CSS框架对比

作者:暗夜星辰 发布于:2013-10-9 17:02 Wednesday 分类:PHP学习笔记

最近再次 接触建站项目

需要敏捷 开发 + 浏览器适配

尝试了下 bootstrap 还是不够完美 

这里就要吐槽下 坑爹的IE家族

 

于是 需要替代品 

转个资料给自己吧

现在最流行的几种CSS框架:Blueprint ,960 Grid System,YAML以及Yahoo的YUI Grids(Yahoo! User Intrerface库的一部分)。它们有许多共同之处,但也有一些不同。基于网页栅格的YUI,Bluprint和960gs允许你在给定的栅格中快速创建漂亮的布局。网页栅格模拟table布局,它易于理解,但这又违背了CSS的一些原则,比如分离内容和布局。在这几种框架中,YAML有最完善的文档,也是唯一能够选择布局类型(elastic,liquid,fixed)和单位(%,em和px)的CSS框架。下面是这几种框架在灵活性、可用性、移动支持和易用性之间的对比。

框架大小
简单布局支持
复杂布局支持
流体布局支持  (插件支持)  (插件支持)
栅格布局  (可变,%)  (固定,12,16)  (固定,24)  (可变,%)
弹性浮动布局
布局模板
设计模板(PDF,Fireworks,Photoshop等)
文档/译文  (德/英/中) 不全 不全 不全
可视化工具  (YAML Builder)
打印样式优化
易用性理解(流体布局,skip-link导航等)
mobile设备支持 不全
License CC-A 2.0 GPL & MIT modified MIT BSD

原文链接:Comparison YUI, 960, Blueprint & YAML

标签: mod CSS框架 浏览器适配

发表评论:

©2012-2014 woodbunny.com 木头♥兔子的小屋 sitemap