我现在在公司做的主要是做一些企业站的html模板，然后套cms。
也了解过一些自动化工具，js，css和并压缩，图片sprite node.js 也用过也写
因为不是在专业的网络公司，所以公司就我一个人在做网页，在网上看到很多人再说grunt之类的工具用着很棒还有less和sass，但实际上感觉用到的很少。
www.lzxisha.com 这个是我最近做的，首先说说合并压缩，用的js本来就不多，dos就能实现，网上搜一个压缩的也是分分钟的事，图片的spirte一直都没咋用过，没美工，用的是字体图标弄的。
less，sass 我不知道该怎么用。
我主要是想问下，前端自动化工具的用法，该如何来用。或者正规的网络公司是怎么用的，就比如说我现在给出了psd图，平板，pc，手机 less和sass该怎么写，相同的部分可以用less写，但是平板，pc，手机因为屏幕尺寸和视距的问题 button 标题之类的肯定都不一样，大部分都是写着调着，对照着去看，用less和sass感觉更慢了。
我谈一下我的认识，说的不一定有道理。
我也不是在专业的网络公司，我平常不用less和sass，一是因为不习惯，二是因为不熟练。但是我知道less，sass其实是有助于我快速开发，它们就像你要在js中打印1-100，用css是不写循环，用less、sass是写循环的区别。因为浏览器不识别less、saa，在grunt中来解析成css。
而且自动化工具的功能是很强大的，压缩、合并压缩、解析成浏览器识别的格式、修改监听、检测代码是否规范等。
字体图标和sprite，字体图标可以代替的，不用spirte是没关系的，有些图标画不出来的当然最好用spirte。spirte是为了减少请求次数，比多个img要好。
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。看看官网就知道了
你说得对，我见过一个写的弹簧跳的插件，他是把时间和数值都设置的很细，估计就是用less或者sass写出来的。
但是在实际的制作html模板的过程中，less 和 sass 我不知道该怎么用，网上说的都说的很牛逼，但是如果要调整一个banner的width 设置成max-width:1200px;
less中怎么写？ 如果要修改一个小细节，该怎么改？
也可能是我用得不熟
我想知道的是前端的自动化工具的如果要切图，如何用？
因为现在我上班地方没美工，也不出psd图，所以基本上都是想咋做咋做。