前言：当设计师通过photoshop工具设计完设计稿导出psd文件时，我们前端工程师该如何进行切图转换成网页的所需的图片呢，接下来讲讲如何利用photoshop工具快速简洁的切图，因为ps工具用到的行业很多，涉及到的各个行业，所以有一些快捷的面板可以隐藏掉。前端工程师只显示适合面板和元素就可以 ...

前言：前端涉及到的 ps 操作不算复杂，基本上就是切图，本文总结了常用的几种切图技巧。 工具：photoshop cs6 、 photoshop cc 1. 传统切图 01 这是最笨的一种方法，核心就是用选区工具选中我们要的切图区域，复制到新文件，然后整个保存下来，这样的切图方法几乎没有 ...

切图，重要的是找精确像素！不要在用传统的切刀进行切割啦，拿到一副PSd图形的，可以使用这样两种方式： （1）如果你的图层很多，你可以用“ctrl+点击想要的图片“直接选中你想要图片的图层，简单到位， ...

一、PS与前端知多少 一般我们会认为PS是用来修改图片的，这些工作是美工人员做的事不是前端人员做的，其实这样想你就错了，因为在前端人员也是要学会一些简单的关于PS的技巧的，这样就不会应为一点点小小的需求老是要麻烦负责美工的同事来帮你改动一点点，再者这样也会对你的工作效率有所提高。在我看来其实前端 ...

转载：http://www.techug.com/post/chrome-debug-tips.html Chrome的开发者工具是个很强大的东西，相信程序员们都不会陌生，不过有些小功能可能并不为大 ...

页面制作部分之PS切图 <--本标签下，通过页面制作、页面架构、javascript程序设计、DOM编程艺术、产品前端架构五部分来分享总结笔记，总结笔记会陆续分享--> 网页设计在技术层面上，第一步是美工做出网页效果图，第二步就是网页前端进行网页切图。网页切图工具常用 ...

　　很久很久没写博客了，丫的，节操掉一地了，颓废了，惭愧。 　　很久很久没有弄 knouckout.js 了，今天重新操作，蛋疼啊，忘记得差不多了，于是只好硬着头皮再去看官网，于是，feel慢 ...

VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试 jQuery Code Snippets jquery 重度患者必须品 Path ...