萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 漸變色方案全聚合網站+在線代碼比較神器

漸變色方案全聚合網站+在線代碼比較神器

   今天的酷站 兩連發,一個分享優秀的漸變色方案,配色弱和靈感枯竭的同學可以來收一波。第二個可以在線幫你比較兩個文檔的差異,常用於程序代碼,兩個都非常實用,來收。

  UIgradients

漸變色方案全聚合網站+在線代碼比較神器 三聯

  UIgradients 以分享美麗漸變色彩為主的分享站,裡面接近上百種漸變配色方案,設計師可根據自己風格來選擇搭配,此外我們還能直接獲得對應漸變配色的CSS代碼,相當方便,但要注意浏覽器要兼容CSS3才行:)

  CSS漸變代碼

  點擊網站下面的第三個按鈕「Get CSS Code」或者直接按鍵盤「回車」鍵就會彈出CSS代碼框了,直接復制裡面的代碼就能使用!

  一些漸變顏色截圖:

  如果要比較兩份文件有什麼差異,你通常會怎麼做呢?這很常在開發程序時遇到,尤其當程序代碼更新,可能需要回頭比較兩份不同時間的程序代碼有了那些變化,就會用到 Diff 相關功能。剛好最近在網絡上找到一個名為 Diff Checker 的在線服務,只要把兩個文字數據復制貼上,即可快速比對兩者的差異性,並以不同顏色條列出來。

  根據開發者表示,會開發這項工具是因為自己在進行的工作會需要比較文件內容差異,無論是 Word 檔或數百行程序代碼,而現有的工具不是專為快速比較而設計,也因此浪費許多時間試圖要解決這個簡單的問題。

  於是建立了 Diff Checker 這項差異比對服務,除了節省自己的時間,也提供給更多使用者,當你希望可比較兩份文件或程序代碼差異,只要透過浏覽器,無須下載、安裝軟件,即可在在線快速完成這項工作。

  此外,Diff Checker 也有簡單的注冊及管理功能,可以保存你每次差異比較的結果,選擇將它刪除,或者繼續保存於網站上。

  Diffchecker

  使用教學

  STEP 1

  開啟 Diff Checker 後,將你的原始文件貼在左側、變更後的文件貼在右側,可惜的是它還不支持直接上傳檔案來撷取內容,不然應該會更方便,接著從下方選擇保存時間,你可以不將它儲存在服務器上,或者儲存一小時、一天、一個月或永久保存。

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

Diff-Checker2015-12-14_1030

  STEP 2

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

Diff-Checker2015-12-14_1038
Diff-Checker2015-12-14_1035

  值得一試的三個理由:

  開啟浏覽器即可比對兩份文件、程序代碼差異變化

  以不同顏色標示出增加、刪除及缺少的段落

  注冊後可將比對結果儲存起來,方便日後查找使用

copyright © 萬盛學電腦網 all rights reserved