PS工具
我觉得做前端开发不仅要会写代码，还要具有一定的PS技能，如测量、取色、切图、保存等等。因为我们在写代码的时候，需要对文字、图片、背景、小图标等进行设置。我们不可能时刻都去找UI，让UI帮我们处理。下面是一些关于PS使用的一些技巧和心得（毕竟不是专业美工或UI，所以只是简单介绍下）。
我们可以通过切图给网页提供图片素材。
例如：
html：img标签可以引入图片
<img src="images/avatar.jpg" alt="头像">
CSS：background
.icon{
background-image:url(../images/sprite.png);
background-position:0 0;
}
一般情况下，代码中使用的大小都是像素，使用PS工具时，需要把文字和图像设置为像素。如：
点击菜单项：编辑>首选项>单位与标尺：文字和图像都选择为像素
在“窗口”菜单下常用模块：
工具
选项
信息F8
图层F7
历史记录面板
切图常用工具：
移动工具
矩形选框工具
魔棒工具
裁剪工具+切片工具
缩放工具
放大：ctrl+加号、alt+鼠标正方向滚动
缩小：ctrl+减号、alt+鼠标反方向滚动
取色器
PS使用心得：
选项区中的“自动选择”一般为勾选状态，且常常选择为“图层”
撤销：ctrl+z
连续撤销：ctrl+alt+z
可以通过历史记录面板中直接回退
魔棒工具中设置容差：容差越小选择的颜色越少，容差越大选择的颜色越多
魔棒工具中设置锯齿：锯齿越小越平滑
魔棒工具中设置连续：选择的区域是否是连续的
裁剪和切片工具是同一组工具
画布变成100%：ctrl+1
取色器：吸取颜色