是否有任何实用工具可以帮助我重构CSS
我正在与一些CSS一起工作,至少可以这样说。我不是设计/ CSS专家,但我至少了解CSS中的C语言。虽然VS-2008内置的CSS支持比以前的版本有了很大的改进,但仍不能完全满足我的要求。
我想知道是否有人知道一个好的程序或者实用程序,它将像ReSharper允许使用C#一样帮助我重构和清理CSS。
拥有一些不错的功能:
- 检查CSS文件并确定提取常见样式(如字体样式,颜色等)的方法。
- VS-2008的插件太棒了!
- 检查标记文件,并提出一些建议,以改善当前使用的类和样式。
解决方案
Firebug是一个非常好的Firefox扩展,允许我们检查文档树中哪个DOM元素激活了哪些CSS声明。
尽管它没有提出任何改进建议,但在手动调试/简化CSS代码时提供了很大的帮助。
Web Developer扩展也是一个很大的帮助。
TopStyle很受欢迎,而且我总是推荐它。它对样式等有建议。
我使用的是Aptana,但这并不进行重构,只是标记错误并允许我们定位某些浏览器。使用一本不错的CSS书可能会有所帮助。
如果我们使用的是ASP.NET 2.0,则有ReFactor!对于ASP.NET
我喜欢Expression Web的CSS设施。但这对于最小化或者统一CSS并没有多大作用。我们必须了解CSS如何工作才能正确使用它。
Firefox的Dust-Me Selectors Firefox扩展程序可以扫描网站,并告诉我们使用了什么CSS,没有使用什么CSS。删除未使用的CSS是重构的第一步。
我经常发现,当从网站上删除某些部分时,HTML会被删除,而CSS不会。
Firefox的EditCSS很棒。
我过去曾经使用Stylizer感到很幸运。它更好,并且只花费TopStyle的1/6.
我曾经使用过WestCiv的StyleMaster,这是一个非常不错的CSS编辑器/检查器/调试器应用程序。将其与上述Firebug结合使用,我们将情不自禁地站在CSS之上。
该站点至少有助于排序和最小化规则:http://www.cleancss.com/
它并不能使我们到达想要的位置,但这是一个很好的第一步。
也许CssTidy或者CssOptimiser可以帮助清理并缩小尺寸
有一个名为HAML的Ruby gem,它附带一个名为css2sass的可执行文件。该可执行文件将CSS转换为SASS,这是CSS之上的一种元语言,可以使重构更加容易(通过更好地说明选择器之间的关系)。可能值得一看。
我尝试使用Less for .NET。