不久以前,Nicole sullivan 和我宣布在一起工作。现在我们很高兴的向大家宣布我们
第一个合作的成果CSS Lint诞生了,就像你们所猜想的那样,CSS Lint的目的就是帮助你
写出更好的css代码。在过去几周我们花大量的时间,建设和辩论规则,以帮助大家编写更
有效和更优秀的CSS代码
规则
刚开始,我们制订了一些规则(在CSS Lint About中有详细的解释)。这些规则是:
1.解析错误应该被修复
2.不要使用多个class选择元素
3.移除空的css规则
4.正确的使用显示属性
5.不要使用太多的浮动
6.不要使用过多网络字体
7.不要使用过多的字号
8.不要使用id作为样式选择器
9.不要限定标题
10.标题样式只定义一次
11.小心使用宽度100%
12.属性值为0是不要写单位
13.css的渐变属性需要指定前缀
14.个浏览器专属的样式要有规范
15.避免使用看起来像正则表达式的css3选择器
16.遵守盒模型规则
这些规则都是通过使用一个非常简单的插件模型来创建的,它可以很容易地改变特定的规则或添加新的规则。打开或关闭特殊
的方法还没有暴露在web界面或是命令行上,但是他受到底层API的支持,所以寻找它的增加规则的方法很快。
在你的项目中
当我们高兴的介绍我们的web页面时,我们也注意到你们想把这个合并到你项目的框架中,为了为你们提供这方面的帮助,这里有为Node.js
提供的CSS Lint,你可以通过安装npm包的方式来安装CSS Lint:
sudo npm install -g csslint
一旦安装成功,你就可以导入任意数量的css文件或是目录了:
csslint foo.css bar.css dir_of_css/
这个工具会和web界面输出同样的信息
贡献
Css Lint在GitHub是一个完全开源的项目,我们正在积极的寻找贡献规则,修改bug和扩展的开发人员,这个工具的规则是可扩展性的,
通过这种方式,你可以很容易的去掉你不要的规则或是增加你需要的特殊规则,然后建立一个客户版本(或是说第三方版本)来适应你的需要
或者 贡献给大家使用。
css的解析程序 也是在DitHub上的一个开源项目,这个程序有一些已知的问题我计划尽快处理掉,但是他符合Css3的标准。
我希望我和 Nicole可以创造出更多的这方面的工具来帮助你们写出更好规范的前端代码,让我们享受这个过程吧!
原文链接:http://www.nczonline.net/blog/2011/06/15/introducing-css-lint-2/
翻译的不好 ,希望大家多多指教