提高开发效率,节省你的时间时间--CSS工具推荐

转载自 : http://bbs.hsort.com/viewthread.php?tid=391&extra=
 

几乎所有的网站设计/开发人员都有一个共同的梦想，那就是提高自己的效率、节省开发时间，不管是为了能做更多更好的产品，还是为了应付完繁重的工作为自己
争取一点休息的时间，还是为了讨好你的老板，让你得以有个快速的升迁通道。总之提高效率对你来说都是必要的，对你来说都是无一害处的，所以从今天开始水寒

打算做一个专版，系列性质的介绍一些网站开发工作、开发框架、代码
集
成包等资源，把编程中的复用思想用到我们的工作中，让我们在繁重的代码工作中节省时间，在出色的完成任务的情况下实现你的升迁、被重用、加薪，然后把节省
下来的时间可以用来陪女朋友／喝咖啡／学习／……任意安排吧。如果你是一个企业老板或者管理人员，如果能让你的员工都掌握了提高效率的工具，那么你就具有
行业优势，那就更能在竞争中获得优势，伴随而来的也将不仅仅是经济收益，这也是皮特尔·梅尔森的财富公式“效率>财富”，也就是著名的论断：效率不
仅仅是财富；希望阅读此系列文章的人都能得到提高。

　　作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能
分类
的CSS工具可以有效地节省你设计网站的时间。在此声明：本文是水寒

从网络上悉心考证后整理而来的资料，并非我的原创。

一、优化
/格式化类

1、CSSTidy


- CSS Tidy是一个开源的CSS分析和优化工具；

2、CleanCSS


- CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。

3、CSS Optimizer


- CSS Optimizer可以通过优化压缩CSS样式
文件大小。

4、CSS Analyzer


- CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。

二、字体类

1、Em Calculator


- EM Calculator可以帮助你计算px与em之间的转换。

2、CSS Font and Text Style Wizard


- 这个小工具可以很方便地将你的CSS样式呈现出来。

三、表格类

1、CSS Form Code Maker


- 很方便地生成“五颜六色的BOX布局”的表格。

2、JotForm


- JotForm是一个“所见即所得”的表格生成器。

四、导航/按钮类

1、CSS Buttons


- CSS按钮和文本在线生成工具。

2、CSS Menu Generator


- CSS Menu Generator可以同时生成基于CSS和HTML代码的漂亮的按钮。

五、生成器
（建议
大家好好利用这些工具，你一定会喜欢上他们）

1、CSS Creator


- Css Creator是一个可以创建自适应宽度或者是固定宽度的浮动布局生成器，可以生成带有Header和Footer的三栏布局。

2、QrONE CSS Designer


- QrONE是一个CSS在线生成与编辑器。

3、Web 2.0 Generator


- Web 2.0 Generator可以利用HTML和CSS生成一个完整的网站布局。

4、CSS Mate


- CSS Mate是一个在线CSS编辑器。

　　关于CSS的生成器、框架和优化工具，网上还有很多，用法都大相径庭，所以大家只要掌握上面这些经典的CSS工具，相信其他的你也不在话下，关键是有
通过工具来提高编写CSS的效率的想法，使用任何一种框架或者生成器等工具，都能不同程度上提高你的效率。你先用熟练他们，其实这些工具都是开发人员多积
累的经验和心血，随着你的开发经验的增长，相信有一天你也能编辑出出色框架来供别人使用。