|
|
@ -10,52 +10,241 @@
|
|
|
|
有时候想要把一张图的背景给抠掉,只留下关键部分,这个网站可以帮助我们100%自动搞定。
|
|
|
|
有时候想要把一张图的背景给抠掉,只留下关键部分,这个网站可以帮助我们100%自动搞定。
|
|
|
|
![img.png](images/Others/img1.png)
|
|
|
|
![img.png](images/Others/img1.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 随机美图
|
|
|
|
## 随机美图
|
|
|
|
|
|
|
|
|
|
|
|
链接:https://unsplash.com/
|
|
|
|
链接:https://unsplash.com/
|
|
|
|
写文章没配图?其他地方找担心有版权问题?那这个网站绝对值得收藏,它有海量免费照片供你选择。
|
|
|
|
写文章没配图?其他地方找担心有版权问题?那这个网站绝对值得收藏,它有海量免费照片供你选择。
|
|
|
|
![img.png](images/Others/img2.png)
|
|
|
|
![img.png](images/Others/img2.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 可视化正则表达式
|
|
|
|
## 可视化正则表达式
|
|
|
|
|
|
|
|
|
|
|
|
你是不是和我一样,看到正则表达式犹如遇见魔鬼,看不懂也学不会?别担心,推荐一个能将正则表达式可视化的工具,是不是写起来简单多了?
|
|
|
|
你是不是和我一样,看到正则表达式犹如遇见魔鬼,看不懂也学不会?别担心,推荐一个能将正则表达式可视化的工具,是不是写起来简单多了?
|
|
|
|
![img.png](images/Others/img3.png)
|
|
|
|
![img.png](images/Others/img3.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 美化你的代码
|
|
|
|
## 美化你的代码
|
|
|
|
|
|
|
|
|
|
|
|
链接:https://carbon.now.sh/
|
|
|
|
链接:https://carbon.now.sh/
|
|
|
|
一个可以将代码保存为图片的神奇网站,关键还支持多种主题、语言,不管你是哪种工种,都能为你的代码穿上漂亮的衣裳。
|
|
|
|
一个可以将代码保存为图片的神奇网站,关键还支持多种主题、语言,不管你是哪种工种,都能为你的代码穿上漂亮的衣裳。
|
|
|
|
![img.png](images/Others/img4.png)
|
|
|
|
![img.png](images/Others/img4.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 在线绘制流程图
|
|
|
|
## 在线绘制流程图
|
|
|
|
|
|
|
|
|
|
|
|
链接:https://www.iodraw.com/
|
|
|
|
链接:https://www.iodraw.com/
|
|
|
|
可能大家都用过processon画流程图,但是它有文件数量限制,用起来多少有点麻烦,而iodraw全免费,无文件限制,使用方式和其他流程软件几乎一致,爽。
|
|
|
|
可能大家都用过processon画流程图,但是它有文件数量限制,用起来多少有点麻烦,而iodraw全免费,无文件限制,使用方式和其他流程软件几乎一致,爽。
|
|
|
|
![img.png](images/Others/img5.png)
|
|
|
|
![img.png](images/Others/img5.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 海量CDN资源
|
|
|
|
## 海量CDN资源
|
|
|
|
|
|
|
|
|
|
|
|
链接:https://cdnjs.com/
|
|
|
|
链接:https://cdnjs.com/
|
|
|
|
有时候想本地写个例子不想安装各种依赖,一个在线cdn.js就可以帮我们搞定,但是哪里有海量又稳定的资源呢?没错就是这里啦。
|
|
|
|
有时候想本地写个例子不想安装各种依赖,一个在线cdn.js就可以帮我们搞定,但是哪里有海量又稳定的资源呢?没错就是这里啦。
|
|
|
|
![img.png](images/Others/img6.png)
|
|
|
|
![img.png](images/Others/img6.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 在线文档DevDocs
|
|
|
|
## 在线文档DevDocs
|
|
|
|
|
|
|
|
|
|
|
|
链接:https://devdocs.io/
|
|
|
|
链接:https://devdocs.io/
|
|
|
|
遇到问题你还在到处找文档,查答案吗?也许你需要一个在线文档,当然也支持离线噢。
|
|
|
|
遇到问题你还在到处找文档,查答案吗?也许你需要一个在线文档,当然也支持离线噢。
|
|
|
|
![img.png](images/Others/img7.png)
|
|
|
|
![img.png](images/Others/img7.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 图片压缩
|
|
|
|
## 图片压缩
|
|
|
|
|
|
|
|
|
|
|
|
链接1:https://picdiet.eula.club/
|
|
|
|
链接1:https://picdiet.eula.club/
|
|
|
|
链接2:https://tinypng.com/
|
|
|
|
链接2:https://tinypng.com/
|
|
|
|
图片压缩是最常见的需求了,推荐两个大家都熟悉的网站。
|
|
|
|
图片压缩是最常见的需求了,推荐两个大家都熟悉的网站。
|
|
|
|
![img.png](images/Others/img8.png)
|
|
|
|
![img.png](images/Others/img8.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 好看的背景渐变色
|
|
|
|
## 好看的背景渐变色
|
|
|
|
|
|
|
|
|
|
|
|
链接:http://color.oulu.me/
|
|
|
|
链接:http://color.oulu.me/
|
|
|
|
你经常为你的UI寻找好看的背景渐变吗?有一个集合180种免费的线性渐变网站,可在任何网站使用,你还不心动吗?
|
|
|
|
你经常为你的UI寻找好看的背景渐变吗?有一个集合180种免费的线性渐变网站,可在任何网站使用,你还不心动吗?
|
|
|
|
甚至它连代码都给你写好,直接复制粘贴搞定。
|
|
|
|
甚至它连代码都给你写好,直接复制粘贴搞定。
|
|
|
|
![img.png](images/Others/img9.png)
|
|
|
|
![img.png](images/Others/img9.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 插图也很美
|
|
|
|
## 插图也很美
|
|
|
|
|
|
|
|
|
|
|
|
链接:https://www.manypixels.co/gallery
|
|
|
|
链接:https://www.manypixels.co/gallery
|
|
|
|
也许你不经常使用,但真的超级实用,一个免费海量的插图网站
|
|
|
|
也许你不经常使用,但真的超级实用,一个免费海量的插图网站
|
|
|
|
![img.png](images/Others/img10.png)
|
|
|
|
![img.png](images/Others/img10.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## haikei.app
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://app.haikei.app/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
具有斑点、波浪、渐变、低多边形和其他模式的全能生成器,可以进一步单独定制。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/haikei.app.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## bgjar
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://bgjar.com/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
具有多边形、斑点、彩色形状、曲线、叠加等模式的免费生成器,可以选择更改每个图层的宽度、高度和颜色。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/bgjar.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## coolbackgrounds
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://coolbackgrounds.io/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
为博客、社交媒体和网站创建引人注目的彩色图像的工具集合。包括抽象三角形、粒子、渐变、地形和图像模式。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/coolbackgrounds.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## meshgradient.in
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://meshgradient.in/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
生成美丽多彩的网格渐变的设计工具,生成多个随机变化的网格渐变以及冷色自定义。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/meshgradient.in.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 网格渐变
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://products.ls.graphics/mesh-gradients/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
为你的下一个项目提供免费的手工网格渐变。.sketch、.png、.ai、.jpg、.eps 中的渐变,下载并在你的商业和个人项目中使用。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/网格渐变.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## gradienta
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://gradienta.io/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
用于个人和商业项目的轻量级、彩色、响应式背景。它是免费使用的,并且是一个开源项目。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/gradienta.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## svgbackgrounds
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://www.svgbackgrounds.com/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
使用小于5KB的全屏图形轻松创建令人惊叹的网站。单击背景以开始自定义颜色和其他属性,如不透明度、比例和描边。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/svgbackgrounds.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## SVG模式
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://www.svgbackgrounds.com/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
21 种免费 SVG 背景图案的集合,点击预设查看预览,点击获取代码在JSbin编辑器中生成SVG代码。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/SVG模式.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## SVG渐变波浪
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://www.outpan.com/app/9aaaf27303/svg-gradient-wave-generator
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
生成自己喜欢的 SVG Wave。使用渐变、随机性和其他参数来生成华丽的 SVG 波浪,以便下一个项目设计中使用!
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/SVG渐变波浪.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## patternpad
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://patternpad.com/editor.html
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
一个创建漂亮设计模式的工具。带有一堆预设和许多自定义选项,如列和行大小、密度、形状等。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/patternpad.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## pattern.monster
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://pattern.monster/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
一个简单的在线模式生成器,用于创建可重复的 SVG 模式。非常适合网站背景、服装、品牌、包装设计等。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/pattern.monster.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## visiwig
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://www.visiwig.com/patterns/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
一个免费的矢量模式生成器。为 Web 或最喜欢的矢量软件自定义无缝模式和导出。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/visiwig.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## heropatterns
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://heropatterns.com/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
一组可重复的背景图案,供我们在 Web 项目中使用。许多预设可供选择以及背景和前景色的自定义选项。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/heropatterns.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## tabied
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://tabbied.com/select-artwork
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
一个艺术画廊。用户需要选择预设,然后编辑调色板颜色、列和行数以及形状频率。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/tabied.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## CSS动画
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://wweb.dev/resources/animated-css-background-generator/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
动画背景生成器工具。带有三个预设选项,可自定义背景颜色以及元素数量及其大小和速度。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/CSS动画.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## pattern-css
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
网址:https://bansal.io/pattern-css
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
唯一的 CSS 库,可以用漂亮的图案填充你的空白背景。它有易于阅读的文档,包含使用说明以及出色的入门模板。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
![图片](images/Others/pattern-css.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# 常用软件
|
|
|
|
# 常用软件
|
|
|
|
|
|
|
|
|
|
|
|
## 画图工具
|
|
|
|
## 画图工具
|
|
|
|