今天的酷站兩連發(fā)，一個(gè)分享優(yōu)秀的漸變色方案，配色弱和靈感枯竭的同學(xué)可以來收一波。第二個(gè)可以在線幫你比較兩個(gè)文檔的差異，常用于程序代碼，兩個(gè)都非常實(shí)用，來收。

UIgradients

UIgradients 以分享美麗漸變色彩為主的分享站，里面接近上百種漸變配色方案，設(shè)計(jì)師可根據(jù)自己風(fēng)格來選擇搭配，此外我們還能直接獲得對應(yīng)漸變配色的CSS代碼，相當(dāng)方便，但要注意瀏覽器要兼容CSS3才行：）

CSS漸變代碼

點(diǎn)擊網(wǎng)站下面的第三個(gè)按鈕「Get CSS Code」或者直接按鍵盤「回車」鍵就會彈出CSS代碼框了，直接復(fù)制里面的代碼就能使用！

一些漸變顏色截圖：

如果要比較兩份文件有什么差異，你通常會怎么做呢？這很常在開發(fā)程序時(shí)遇到，尤其當(dāng)程序代碼更新，可能需要回頭比較兩份不同時(shí)間的程序代碼有了那些變化，就會用到 Diff 相關(guān)功能。剛好最近在網(wǎng)絡(luò)上找到一個(gè)名為 Diff Checker 的在線服務(wù)，只要把兩個(gè)文字?jǐn)?shù)據(jù)復(fù)制貼上，即可快速比對兩者的差異性，并以不同顏色條列出來。

根據(jù)開發(fā)者表示，會開發(fā)這項(xiàng)工具是因?yàn)樽约涸谶M(jìn)行的工作會需要比較文件內(nèi)容差異，無論是 Word 檔或數(shù)百行程序代碼，而現(xiàn)有的工具不是專為快速比較而設(shè)計(jì)，也因此浪費(fèi)許多時(shí)間試圖要解決這個(gè)簡單的問題。

于是建立了 Diff Checker 這項(xiàng)差異比對服務(wù)，除了節(jié)省自己的時(shí)間，也提供給更多使用者，當(dāng)你希望可比較兩份文件或程序代碼差異，只要透過瀏覽器，無須下載、安裝軟件，即可在在線快速完成這項(xiàng)工作。

此外，Diff Checker 也有簡單的注冊及管理功能，可以保存你每次差異比較的結(jié)果，選擇將它刪除，或者繼續(xù)保存于網(wǎng)站上。

Diffchecker

使用教學(xué)

STEP 1

開啟 Diff Checker 后，將你的原始文件貼在左側(cè)、變更后的文件貼在右側(cè)，可惜的是它還不支持直接上傳檔案來擷取內(nèi)容，不然應(yīng)該會更方便，接著從下方選擇保存時(shí)間，你可以不將它儲存在服務(wù)器上，或者儲存一小時(shí)、一天、一個(gè)月或永久保存。

按下底部的「Find Difference!」綠色按鈕即可開始差異比較。

STEP 2

Diff Checker 會將兩份文件差異處以綠色、紅色、灰色分別標(biāo)記出來，綠色是文件增加的部分，紅色為刪除的部分，灰色的話就是缺少的部分啦！另外，右邊也會顯示一共被移除和增加了多少行，也會有一個(gè)可以快速預(yù)覽所有范圍變化的色彩圖。

值得一試的三個(gè)理由：

1. 開啟瀏覽器即可比對兩份文件、程序代碼差異變化
2. 以不同顏色標(biāo)示出增加、刪除及缺少的段落
3. 注冊后可將比對結(jié)果儲存起來，方便日后查找使用