今天完成了什么：https://www.fancynode.com.cn/pxcook/docs?ids=tutorial/setup：

安装好ps cc2018，观看了标准设计中的切图要点及流程，实际应用中的切图并没那么简单，复杂的很，当然我们现在做的任务三图是很简单的。

（下载需要的单个ps cc2018PS版本和激活软件就行，按照教程安装）: https://pan.baidu.com/s/1ZcOutSUzPq59WaPrhILGwA 提取码: zz91

百度云高速云盘下载地址（良心高速免费无广告）：https://pandownload.com/

另外推荐几个常用的PC破解软件下载网站：http://www.423down.com

这是我下载破解软件用得最多的网站，其作者 @zd423，虽然做错过事（具体看下段），网站现在已经停更了，但还是可以打开，千万别买 VIP。但是修改的软件还是很不错的。大多数普通网友就用这个网站就够了。

https://www.laomoit.com

殁漂遥，站长是 @老殁，破解资源很多，没有 VIP，所有软件免费下载。老殁曾痛斥很多使用别人资源还实行 VIP 付费下载的网站，估计得罪了不少软件下载站站长。

http://www.dayanzai.me

大眼仔~旭网站除了常用的那些软件之外，还有很多不常用的软件（不常用软件指的是普通网友用不到的音频/视频/图片编辑之类的软件），所以遇到那种不好找的软件可以去这里试试。

明天计划完成什么：

 完成任务三！！！！

收获了什么：

经过方法多查阅终于找到一款切图的辅助神器，具体的应该是标注神器“PxCook”（像素大厨）下载网址：https://www.fancynode.com.cn/pxcook

需先下载adobe的air软件，很小才10m左右，他会提示，下载好后安装就行。一定要安装ps 2017 2018版本左右的，ps cs6等版本不支持。

贴上使用教程：https://www.fancynode.com.cn/pxcook/docs?ids=tutorial/setup里面内容很详细，软件简直就是邪教。先打开ps再打开这个软件，在软件上点击开发即可看到任意参数，图片与图片距离，REM.PX等各单位都有，甚至还有css参数全部提供给你。当然这个确实提高了我们的效率，后期成长了配合使用美滋滋，但是前期我们入门还是要一步一个脚印来去学习了解盒子模型margin和padding的区别，这个辅助工具前期入门可以拿来当做验证数据等。

切图的优化：

尽可能css颜色代替图片；

利用雪碧图节省加载时间；

字体图标的使用（以文字的形式代替图标图片的使用）

雪碧图：

图片中如果有很多小图片可以采用弄成一张图片，在线工具网址：http://alloyteam.github.io/gopng/ 直接生成图片，当然还会生成对应的css样式。

切图辅助插件有：

markman

tinypng（压缩图片）

前端自动化（grunt，bower，webpack等等）

停不下来的前端，自动化流程：http://www.alloyteam.com/2014/03/frontend-workflow/

自动化介绍：http://www.cnblogs.com/imwtr/p/4668834.html

前端自动化开发工作流模板：https://github.com/livoras/blog/issues/10

关于项目开发流程：1PM需求分析（产品经理）；2视觉设计、交互动画设计（UI）；3前端静态页面开发、动画效果开发（前端开发）

一开始一直不清楚开发流程，现在看了部分项目基本醍醐灌顶。是从项目启动到发布的过程。在前端通常我们都做些什么？切图，即从设计稿中获取需要的素材，并不是所有前端开发都被要求切图，也不是所有前端开发都会切图，但请享受学习新知识的过程吧。

创建模版（html、jade、haml）、脚本（javascript、coffeescript）、样式（css、less、sass、stylus）文件，搭建基础的项目骨架。

文件（jade、coffeescript、less、sass…）编译

执行测试用例

代码检测

移除调试代码

静态资源合并与优化

静态资源通过hash计算指纹化

部署测试环境

灰度发布现网。