渐变色方案全聚合网站以及在线代码比较神器 

2015-12-21 10:30 发布

2229 0 0
本帖最后由 2355521989 于 2015-12-21 10:31 编辑

今天来个两连发,一个分享优秀的渐变色方案,配色弱和灵感枯竭的同学可以来收一波。第二个可以在线帮你比较两个文档的差异,常用于程序代码,两个都非常实用,一起来看渐变色方案全聚合网站以及在线代码比较神器的有关教程介绍吧。

UIgradients
1.jpg

UIgradients 以分享美丽渐变色彩为主的分享站,里面接近上百种渐变配色方案,设计师可根据自己风格来选择搭配,此外我们还能直接获得对应渐变配色的CSS代码,相当方便,但要注意浏览器要兼容CSS3才行:)
CSS渐变代码
点击网站下面的第三个按钮「Get CSS Code」或者直接按键盘「回车」键就会弹出CSS代码框了,直接复制里面的代码就能使用!

2.jpg

一些渐变颜色截图:
   3.jpg

4.jpg

5.jpg

6.jpg

7.jpg

如果要比较两份文件有什么差异,你通常会怎么做呢?这很常在开发程序时遇到,尤其当程序代码更新,可能需要回头比较两份不同时间的程序代码有了那些变化,就会用到 Diff 相关功能。刚好最近在网络上找到一个名为 Diff Checker 的在线服务,只要把两个文字数据复制贴上,即可快速比对两者的差异性,并以不同颜色条列出来。
根据开发者表示,会开发这项工具是因为自己在进行的工作会需要比较文件内容差异,无论是 Word 档或数百行程序代码,而现有的工具不是专为快速比较而设计,也因此浪费许多时间试图要解决这个简单的问题。
于是建立了 Diff Checker 这项差异比对服务,除了节省自己的时间,也提供给更多使用者,当你希望可比较两份文件或程序代码差异,只要透过浏览器,无须下载、安装软件,即可在在线快速完成这项工作。
此外,Diff Checker 也有简单的注册及管理功能,可以保存你每次差异比较的结果,选择将它删除,或者继续保存于网站上。
Difference
使用教学
STEP 1
开启 Diff Checker 后,将你的原始文件贴在左侧、变更后的文件贴在右侧,可惜的是它还不支持直接上传档案来撷取内容,不然应该会更方便,接着从下方选择保存时间,你可以不将它储存在服务器上,或者储存一小时、一天、一个月或永久保存。
按下底部的「Find Difference!」绿色按钮即可开始差异比较。

8.png

STEP 2
Diff Checker 会将两份文件差异处以绿色、红色、灰色分别标记出来,绿色是文件增加的部分,红色为删除的部分,灰色的话就是缺少的部分啦!另外,右边也会显示一共被移除和增加了多少行,也会有一个可以快速预览所有范围变化的色彩图。
9.png

10.png

值得一试的三个理由:
开启浏览器即可比对两份文件、程序代码差异变化
以不同颜色标示出增加、删除及缺少的段落
注册后可将比对结果储存起来,方便日后查找使用





B Color Smilies
联系
我们
快速回复 返回顶部 返回列表