前言：當設計師通過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 ...