10 个加速 CSS 开发的框架

CSS 可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而 CSS 本身是不支持的。本文介绍了 10 个 CSS 预处理器,让 CSS 支持一些简单的编程语法,使Web开发更高效。

1、Compass

Compass 是一个开源的 CSS 制作框架。针对个人框架开发时,其非常简单、易用。

10 个加速 CSS 开发的框架_第1张图片


2、CSS Cacheer
这是一个很棒的 CSS 预处理器,可以让开发者制作插件,要求 PHP 以及 Apache (mod_deflate 和 mod_rewrite)。

10 个加速 CSS 开发的框架_第2张图片


3、CSScaffold
CSScaffold是一款帮助CSS开发者快速进行开发的框架,使用PHP编写。不同于许多CSS框架,它必须依靠PHP与Apache的mod_rewrite来执行,但也因为这两种东西,让CSScaffold变得很神奇、很方便,写起CSS来又快又轻松!

10 个加速 CSS 开发的框架_第3张图片


4、Sass
Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等特性。Sass 可以生成良好格式化的 CSS 代码,易于组织和维护。

10 个加速 CSS 开发的框架_第4张图片


5、Less CSS
Less CSS 是一个使用广泛的 CSS 预处理器,通过简单的语法和变量对 CSS 进行扩展,可减少很多 CSS 的代码量。

10 个加速 CSS 开发的框架_第5张图片


6、Turbine
这是 PHP 爱好者的框架,提供最小化的语法、自动 gzip 压缩和多CSS文件合并功能,以及可以修复跨浏览器支持问题等。

10 个加速 CSS 开发的框架_第6张图片


7、Switch CSS
Switch 是一个全功能的稳定的 CSS 预处理器,基于 Apache 和 mod_python 运行,提供了命令行处理工具。

10 个加速 CSS 开发的框架_第7张图片


8、CSS Preprocessor
CSS Preprocessor 采用 PHP5 编写,包含预处理器的常见功能,也支持 CSS 表达式,如:margin-left: (200px * 3/2 – 10px);

10 个加速 CSS 开发的框架_第8张图片


9、DtCSS
DtCSS 是一个 PHP 脚本,用来对 CSS 文件进行预处理。DtCSS 可通过扩展 CSS 的特性来加速 CSS 编码。例如嵌套选择器、颜色混合等等。DtCSS 读取 CSS 文件并对特殊语法进行处理,然后输出标准 CSS。DtCSS 包含一个智能的缓存系统。

10 个加速 CSS 开发的框架_第9张图片


10、CSS PP

目前还是 alpha 版本状态,支持 PHP、Python 和 Ruby。

10 个加速 CSS 开发的框架_第10张图片


英文原文: http://smashinghub.com/css-accelerating-development-time.htm



感谢 songshuang 投递这篇资讯

资讯来源:开源中国社区

已有 2 人发表留言,猛击->>这里<<-参与讨论


ITeye推荐
  • —软件人才免语言低担保 赴美带薪读研!—



你可能感兴趣的:(css,开发,加速)