10 个加速 CSS 开发的框架

标签: 加速 css 开发 | 发表时间:2011-09-05 11:04 | 作者:(author unknown) Tairan Wang
出处:http://www.iteye.com
CSS 可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而 CSS 本身是不支持的。本文介绍了 10 个 CSS 预处理器,让 CSS 支持一些简单的编程语法,使Web开发更高效。

1、Compass

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



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



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



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



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



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



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



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



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



10、CSS PP

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



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



感谢 songshuang 投递这篇资讯

资讯来源:开源中国社区

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


ITeye推荐



相关 [加速 css 开发] 推荐:

10 个加速 CSS 开发的框架

- Tairan Wang - ITeye资讯频道
CSS 可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而 CSS 本身是不支持的. 本文介绍了 10 个 CSS 预处理器,让 CSS 支持一些简单的编程语法,使Web开发更高效. Compass 是一个开源的 CSS 制作框架. 针对个人框架开发时,其非常简单、易用. 这是一个很棒的 CSS 预处理器,可以让开发者制作插件,要求 PHP 以及 Apache (mod_deflate 和 mod_rewrite).

(转)豆瓣css开发规范

- Hu DongHai - 小豪~麦穗的部落格
今天无意间看到了豆瓣的一些前端开发规范,攻城师作战指南. 里面的Javascript代码风格规范 差不多就是基本的javascript规范,主要还是分享一下 css部分的规范. 因为规范是在google docs上,需要穿过篱笆,所以我就直接帖过来了,一起学习一下哈. ——————————————–华丽的分割线————————————————.

网易邮箱的CSS开发(一)

- - 博客 - 伯乐在线
网易邮箱是个庞大而且细节繁多的系统,注定了前端开发中样式管理的复杂程度非常高. 如果没有一个合理的体系来管理样式,开发和维护的难度是不可想象的. 从极速3.5版本开始,我们就一直遵循并不断改善这套规则,现在就来分享一下~. 在错综复杂的样式面前,CSS显得过于简陋. 于是我们不得不人为的加上一些思维方式和规则来帮助我们管理样式.

高效CSS开发核心要点

- - blog.moocss.com
本文参考了业界规范及主流趋势,详尽整理了CSS开发中需要注意的要点以及关乎性能的一些问题,希望对您有所帮助,也可收藏作为参考. 本文来源:http://www.ituring.com.cn/article/1745. 1.1 把CSS放在HTML页面头部. 由于浏览器需要在所有的样式表加载完成后才能开始渲染页面,样式表加载完成之前页面会一直显示空白,因此需要将样式表放在头部.

50 款简化 CSS 开发的实用工具和生成器

- - 畅之部落格
这些CSS工具都是很适合网页设计题使用,已经为大家分好类别,请自行点击导航快速浏览:. CSS Sprites | CSS精灵. 网格和布局,CSS 优化,CSS 菜单工具,CSS 按钮,CSS 圆角,CSS 框架,CSS Sprites,CSS 排版以及 CSS 表单. 新颖的 CSS 网格工具,可用于简化内容管理系统的页面模板,轻巧易用.

13个最常用的CSS和HTML快速开发工具

- - ITeye资讯频道
英文原文: 13 Most Used Speedy Tools To Write CSS And HTML Code. CleverCSS是个用于CSS开发的小型标记语言,从Python中得到灵感. 可以开发出干净、结构清晰的样式表. 在许多方面它比CSS2都更简洁、强大. 它与CSS最明显不同之处在于语法:CleverCSS采用了缩进式语法而不是对齐.

Web 开发中 20 个很有用的 CSS 库

- - Web前端 - ITeye博客
在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性. 每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发. 像CSS 库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用. 在这篇文件章中我们找到了一系列对开发者有用的CSS库,它们能帮助开发者在一定的期限内取得有创造性和创新性的成果.

从事前端开发必须要了解的CSS原理

- - IT瘾-geek
  从事Web前端开发的人都与CSS打交道很多,有的人也许不知道CSS是怎么去工作的,写出来的CSS浏览器是怎么样去解析的呢. 当这个成为我们提高CSS水平的一个瓶颈时,是否应该多了解一下呢.   一、浏览器的发展与CSS.   网页浏览器主要通过 HTTP 协议连接网页服务器而取得网页, HTTP 容许网页浏览器送交资料到网页服务器并且获取网页.

为什么 Web 前端开发不抛弃 HTML 和 CSS,用纯 JavaScript 开发?

- - 知乎每日精选
首先要确定,即使抛开游戏不论,一般的Web应用或者网站,完全用JavaScript开发也是可行的. 比如ExtJS、webOS的Enyo等. 但是主流Web开发很少采用全JS的方案. 注重考虑那些无法运行JS的用户代理. 用户使用不支持JS的浏览器(比如较老的手机浏览器),或者禁用脚本. 当然你可以选择忽略这一小撮用户,尤其是现在绝大多数网站和应用也是如此选择的,但是至少我们应该对坚持考虑无JS情况的开发者予以基本的尊重.

综合运用硬件加速、3D CSS、WebM 技术的《小羊肖恩》HTML5 演示

- XsLiDian - WebM 项目
Google 与 Instrument 携手 Aardman Studios,将这款以《小羊肖恩》(Shaun the Sheep)为主题的 HTML5 技术演示作品搬上了 Chrome Experiments. 在这款采用硬件加速 HTML5 视频、3D CSS 变换与 WebM 技术的互动实验中,大家可以看到肖恩和它的朋友们在《An Ill Wind》《Snowed In》《The Big Chase》与《Twos Company》四集中的滑稽表演.