1.Ruby
sass是需要ruby语言支持的，所以先安装ruby.
2.SASS:是CSS语言的扩展，可以使用变量，嵌套规则，mixins(类似宏，使代码重用), @import(引用其他scss文件))。与CSS语言完全兼容，使得大型的CSS文件，可以有组织。因为，可以分开多个sass文件，编译后可以在一个css文件内，html文件可以只连接这个CSS文件，programmer可以动态管理sass文件。
sass Documentation
sass安装,
gem install sass
sass 版本信息
sass -v
3.Compass 是一个css的框架，使sass 样式语言更加简便和高效，
Compass Documentation
安装compass
gem install compass
compass 版本信息
compass -v
4.Prepros 是一个网页设计和开发的工具，做预处理，和最优化，测试网页，使得你的工作流在你的控制之中。
*编译一切：预编译LESS,Sass,SCSS,Stylus,Jade,Slim,Coffeescript,LiveScript,Haml,Markdown.
---------把路径拖到prepros里面，当你的路径中的SCSS文件发生变化时，相应的css文件也自动更新（cool!）,你可以选择编译出压缩的CSS。
*JS 连接：当文件修改后，最小化和实时连接你的js。
*图片最优化：最优化png，jpg,提高网页加载速度
*1-Click FTP 发布：完全控制你即将发布的内容
*远程设备的检测：像Weinre一样，检测任何连接到你的ＬＡＮ的远程的手机或平板利用chrome。
*可共享配置文件：通过prepros.json文件，共享项目和文件的设置，在不同的用户，团队成员，或电脑之间。
**多设备测试:可以测试任何连接到你的LAN的客户服务器和设备，实时刷新。
*即时浏览器刷新：在有css注入时即时刷新浏览器，也刷新PHP,HTML&CSS文件
*内置http 服务器：1-click HTTP server 去测试网页，没有任何限制和file url.
5.Bracket是一个代码编辑器，针对于网页的开发。(for X OS)有个更令人喜爱的espresso