恢复内容开始 作者：徐尤熙链接：https://www.zhihu.com/question/19886806/answer/80432295 【CSS代码重构与优化之路】 写CSS的同学们往往会体会到，随着项目规模的增加，项目中的CSS代码也会越来越多，如果没有及时对CSS代码进行维护，CSS代码 ...
分类：
Web程序 时间：
2016-10-30 01:12:23
阅读次数：
298
前端的开发过程中主要有以下流程： 编写代码->单元测试->检查语法->整合代码->生成文档->压缩代码->部署测试环境->测试->发布。产品最终的结果是原型图，而原型图可以理解为设计的草图设计师的结果是psd文件，他是很多个图层叠加在一起的结果，而前端的工作结果html页面，是把很多图层上的效果，有 ...
分类：
其他好文 时间：
2016-10-18 07:38:07
阅读次数：
205
Photoshop界面设置 新建文件Ctrl+N，其中【预设】-【web】,【宽度】-【1920】，高度不定。【背景内容】-【透明】，也可存储为预设。 移动设置（V） 建议不勾选【自动选择】，选择【图层】，当我们选中某一个位置时，按住Ctrl，在PSD大图上单击相应位置，右下方图层列表会自动跳到相应 ...
分类：
其他好文 时间：
2016-09-24 17:29:14
阅读次数：
118
http://ourjs.com/detail/551b9b0529c8d81960000007 在这篇文章里，我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。 问题的提出 事情是这样的，您的设计师团队向您发送一个新的PSD（Photoshop文档），它是一个新的网站的最终设 ...
分类：
Web程序 时间：
2016-09-20 16:40:47
阅读次数：
149
20160831 总结： 1.PS 了解ps的基本功能及前端平时需要用到的功能。 学习.jpg、.psd图片在ps的切图 了解cutterman插件（只能用于psd图片） 学习ps的快捷功能键 学习jpg、psd图片在ps中的导出图片的步骤 2.浏览器 了解前端常用的五种浏览器及他们的优点和兼容性 ...
分类：
其他好文 时间：
2016-09-03 16:27:05
阅读次数：
130
一、图片格式为png 1.shift+按住鼠标左键，拉出参考线。 2.使用切片工具切出图片 3.导出图片：文件-储存为web所用格式-预设（png-24)-选中需要导出图片-点击储存-切片（选中用户的所有切片）-保存（保存在桌面上） 二、图片格式为psd 1.新建一个文档 2.图层中找到需要的图层- ...
分类：
其他好文 时间：
2016-09-03 00:55:34
阅读次数：
241
1.一开始做的时候没大局观，都是从上往下做的，导致后面布局做的很痛苦，后面也是参考了别人做的网站后再重新做的。 2.喜欢边切一张照片边编辑网页，但这样做很低效，时间也浪费很多。正确的做法是，观察整个PSD层，看那些需要切图的。全部切下来以后再去设计网页。 3.项目做到一半的时候，发现自己代码写的很乱 ...
分类：
其他好文 时间：
2016-08-23 06:52:13
阅读次数：
217
前端制作（美工）是怎么把PSD制作成页面的？ 美工怎么做的我不清楚，因为我是做前端的，我就从前端这个角度说吧。首先拿到PSD，先分析哪些是要导出为图片的，哪些是可以自己用代码完成的。将图片全部导出，要做成雪碧图的都做成雪碧图然后直接开始码代码，在谷歌浏览器或者火狐中测试，不要用IE做第一次测试。1. ...
分类：
Web程序 时间：
2016-08-21 21:07:16
阅读次数：
195
（一）图像合成 ●抠图：将一张图片上需要的部分保留，不需要的部分删除； PS中透明的表示方法： 透底图：背景透明的图像，存储透底图一定要存为.psd; ●合成：至少有两个不同的图像，放到一起，形成新的画面； （二）抠图合成流程 1、用合适的工具，将要抠取图像的轮廓选择出来； 2、选择移动工具（V）， ...
分类：
其他好文 时间：
2016-08-20 21:50:08
阅读次数：
182
正确的做法是：拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。写完之后在各个浏览器运行之后确保大体定位都没有问题。书写总体css,这里的css只负责大块的定位及样式。切出需要的图片资源，在写好的框架中一点点的去 ...
分类：
Web程序 时间：
2016-08-19 01:06:15
阅读次数：
243
