欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

10 个加速 CSS 开发的框架

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

1、Compass

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

10 个加速 CSS 开发的框架


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

10 个加速 CSS 开发的框架


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

10 个加速 CSS 开发的框架


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

10 个加速 CSS 开发的框架


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

10 个加速 CSS 开发的框架


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

10 个加速 CSS 开发的框架


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

10 个加速 CSS 开发的框架


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

10 个加速 CSS 开发的框架


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

10 个加速 CSS 开发的框架


10、CSS PP

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

10 个加速 CSS 开发的框架


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