10月08, 2013

【翻译】10个非常节省时间的CSS整理工具

原文地址:http://www.sitepoint.com/terrific-time-saving-css-tools/

整洁,组织良好的CSS有很多好处。一个干净整洁的CSS的站点将被加载的更快,展现在搜索引擎结果中更加突出,并且在未来的客户端中也能得以很好的展示。从每天的访问者到资深的设计师同事都将从你的辛勤成果整洁的CSS标签中获益。
但是,当你准备整理一堆被无数次迭代设计和更改的css时,那将会是一个枯燥、耗时的过程。
或许,你并不想去承担如此枯燥乏味的任务,你的客户也不想付费去做如此耗时却只有很少好处的活儿。
站在设计师的角度,手动整理css可是足以摧毁创造力的,它让你不再关注工作中需要的较高层次的思考,也可能让你逐渐不喜欢你的专业。
幸运的是,这里有一些出色有用的工具可以帮助你自动处理CSS中一些更平常的问题,解放你的脑细胞来处理网页设计中更有创意,更有意思的事情。以下工具会给你留下一个高效,优化,无可挑剔组织的CSS样式表。
ProCSSor
aaprocssor
ProCSSor是一个即时改善你CSS的简单实用的工具。可以通过OSX系统,IOS上的PROCSSOR应用,或任意的浏览器来使用。你可以上传一个CSS文件,或是CSS片段,或都一个CSS文件的URL链接,ProCSSor都可以立即对你的CSS进行美化,格式化。
CSS Lint
aacsslint
CSS Lint 相比其他CSS整理工具更具有指导性的经验。多数工具不会告诉你它们做出CSS更改背后的原因,但提CSS Lint 会提供更改的建议,并对这些建议做简单解释。CSS Lint 可以做一些检测,包括错误检测,兼容性,性能,可维护性与重复和无障碍的检测,检测时还可以通过每项下的复选框进行检测的设置。
Dirty Markup aadirtymarkup
Dirty Markup 有独特的代码优化方法;它集合了几种不同的代码(HTML 整理,CSS整理,JS美化,Ace编辑器 )整理能力可以提供全面的代码整理。正如你所猜想的,它有处理JavaScript和标准HTML和处理CSS一样优秀。

CleanCSS aacleancss

CleanCSS接受一个URL或粘贴代码片段,并且提供各种各样的处理方式。你可以权衡文件的可读性和文件大小,从五个不同的压缩设置中选择你需要的压缩方式 。

Code Beautifier aacodebeautifier

Code Beautifier 是一个简单实用的CSS整理工具,没有那些华而不实的功能。它通过粘贴或链接CSS的方式,根据一个压缩选项列表中的选项进行CSS整理操作。如果你正在寻找一款让你专注于手头上的工作,而不至于让你在多种功能里迷失的工具,那这款就是你理解的CSS整理工具。

Spritemapper aaspritemapper

其他提到的工具只是在代码优化上处理的很好,并没有深入到图片优化方面。Spritemapper接受在一个样式表中的多个图片,它将这些图片合并成一个,并产生正确的CSS定位相应的“精灵”或每个图像切片。经过Spritemapper的处理,你将得到一个更快的站点,更少的HTTP请求,更精简的样式表。

Topcoat

aatopcoat
Topcoat不是一个传统的CSS整理工具,它本质上是一个灵活的CSS开发框架。如果你入手兼容的,写的很好的CSS,你可能不需要解决巨大的CSS麻烦。所以,从Topcoat开始可能是对CSS整理更积极主动,预防的方法。

CSSTidy

aacsstidy
CSSTidy与其他几款CSS整理工具类似,但它也提供了一些独特的属性。CSSTidy可以被命令行或PHP调用,而且CSSTidy可以运行在Windows,Mac,或Linux平台上。当你有个建立在这些技术基础上的开发系统或同时管理多个项目时,CSSTidy可以完全适用于你现在的工作流程,它可以自动实现对CSS的整理。

Styleneat

aastyleneat
如果你是个细致的人且喜欢摆弄你的CSS,或者你是个谨慎的人对于工具并非完全信任,那么Styleneat可能就是合适你的工具。虽然它不提供缩小和压缩的功能,Styeneat输入的内容是最具人性化的,通过使属性按阶梯式的分层排序,选择符分类和缩进处理,这些都从人类的角度使样式表非常干净整洁。

W3C Validator aaw3cvalidator

没有CSS工具集合提及W3C Valdiator。虽然W3C Valdiator并不提供简化,压缩和优化你的代码的功能,但会考虑你的CSS有效性。虽然上述其他工具有其可取之处,但W3C Valdiato是由W3C理事机构支持的。

你选择的CSS整理工具是哪个?在上面列出的有你喜欢的么?或许你喜欢的没有包括在内。

本文链接:https://75team.com/post/【翻译】10个非常节省时间的css整理工具.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。