大多数网页设计师应该都听到过 “CSS 框架”, 并且我也相信之前你们肯定也有尝试过。
就想其它程序和脚本语言那样,CSS也会编写不少重复的代码,当然这些也都可以打包在一起以减轻我们的日常工作。
当适当地使用CSS框架的时候,或许会减少您开发的进度。相反,如果您在项目中选择了错误的框架,那么就可能会耗费额外的工作和时间。
通过Google搜索,您就可以简单地查找到很多 CSS 开源框架。现在,我要告诉您10个值得一看的,很有前途的CSS框架。
-
Blueprint 包含了 CSS reset 以消除不同浏览器之间的差异。很多外部工具和模板都是以Blueprint为框架来创建Web开发的。
-
另一款很值得查看的非常出色的CSS框
架。该下载包含有Firework,Photoshop,Inkscape等等的模板。所以您可以马上设计网页模板。PSD的文件,已经准备好的配备指南
也为设计师们节省了不少时间(The PSD file that comes with guides ready save designers
a lot of time)。
-
经过测试,Tripoli 支持几乎所有可用的浏览器,包括IE5! 它配备了一些基本文件和一些插件,如“Layout”, “Visual”, “Type”, 和 “Negative”.
-
YAML 是一个有着良好文档,经得起考验的CSS框架。您可以从官方网站上轻松地下载到PDF文档及示例项目。这里有一些工具会帮助您开发。YAML 的使用者可以视觉上创建基于 YAML CSS 布局。/li>
-
YUI Grids CSS 支持像固定宽度布局那样的流宽度布局。这是基于YUI Grids CSS 高级应用,区别于其它 CSS 框架。您可以通过从官方网站中下载快速参考表和YUI Grids生成来开始 YUI Grids CSS 应用。
-
BlueTrip 是一个功能齐全,非常漂亮的框架,它集合了其它CSS框架中优秀的一面。官方网站有一网站的文档和样品程序。
-
这是一种固定宽度的布局方式,zip文件中包含了几种布局范例,如,一个栏目内容的垂直导航,2个栏目内容的垂直导航等等。
-
Elastic 提供说明性的语言来定义布局的结构和行为。这个框架很年轻,它演示的非常好的范例都来自官方网站本身。
-
Mollio 是在IE7暴露出一些渲染问题之后推出后的。对于网站布局而言这仅仅是个开始,非常设和CSS框架初学者使用。
-
SenCSS 不包括布局系统,但它确实提供了许多其他东西,如, baseline, fonts, paddings, margins 等等。它提供了注释版及压缩版方便生产使用。
一些您也可以考虑的 CSS 框架
- WYMstyle
- CSS-boilerplate
- Typogridphy
- CleverCSS
- Logicss
结论
选择一个正确的 CSS 框架是最重要的一个步骤。我经常使用的是 Blueprint 和 960 框架,现在我已经开始尝试这组合这两个框架中的高级应用并创建一份适合我自己的框架。那么您呢,我亲爱的读者?