项目开发必备小工具集锦

叁歲伎倆 2022-05-23 06:12 274阅读 0赞

最近在写网页的时候遇到很多细小的麻烦，问题都不算大，但是有些问题要用到一些网页小工具，每次要用的时候都要再次在网上搜一次，如果要使用的工具比较多的话，光是找出这些工具就要花费好一番功夫。

而且有些小工具用过之后以为不会再用了，结果到后面又要用到，不得不再搜索一次。

所以我就想把这些小工具做一个集锦，这样每次需要什么的工具的时候在文章里检索一遍就好了。

▍Logo设计

一般而言每个项目都最好有一个自己独立的logo，但是如果每个logo都要自己去设计，可能会消耗一些时间。

所以如果有一个能免费设计logo网站就好了，这里推荐两个：

LOGASTER：[https://www.logaster.cn/][https_www.logaster.cn]

标志在线：[http://www.logomaker.com.cn/][http_www.logomaker.com.cn]

▍在线图片取色器

网址：[http://www.jiniannet.com/page/allcolor][http_www.jiniannet.com_page_allcolor]

介绍：上传一个图片，网站将会分析出图片中的所有的颜色，并且以十六进制码表现出来；并且可以点击上方的“列出所有颜色”排列出图片中所有的颜色。

![70][]

也可以点击你想要识别颜色的地方，鼠标所在点的颜色就会显示在下方。

![70 1][]

▍RGB网页颜色在线取色器

网址：[http://link.fobshanghai.com/rgbcolor.htm][http_link.fobshanghai.com_rgbcolor.htm]

介绍：这个网站与上面的不同，这个网站会给出使用相对较多的颜色的十六进制码，而且还可以自己进行配色以及微调。

![70 2][]

▍小图标库

阿里巴巴矢量图标库：[http://www.iconfont.cn/home/index][http_www.iconfont.cn_home_index]

这里图标库可以说是非常丰富了，而且在下载图标的时候，可以自定义图标的颜色，而且每个图标都有好几种大小供我们选择。

![70 3][]

部分图标截图

▍前端CDN库

在开发网页的时候，绝大多数时候都要用到一些前端框架，而如果把所有的css和js都放在本地，然后直接调用它们，这样虽然相对于CDN安全了许多，但是这种访问方式却加大了服务器的压力，严重的时候可能会使出现卡顿现象，这个是很影响用户体验的。

所以在保证来源安全的情况下，还是最好外部CDN库中的框架文件，这样能大大削减本地服务的压力。

首先论正规安全，当然还是首选百度的CDN静态资源公共库（[http://cdn.code.baidu.com/][http_cdn.code.baidu.com]）了，但是百度的这个有个缺陷，它不提供https的链接，如果是一些安装了SSL证书的网站引用这些http打头的库的话就会报错。

所以除了百度的这个库之外，还想推荐几个安全而且提供https链接的库：

css.loli.net：[https://css.loli.net/][https_css.loli.net]（仅https）

F2EX：[https://lib.f2ex.cn/][https_lib.f2ex.cn]（提供http、https）

75CDN：[https://cdn.baomitu.com/][https_cdn.baomitu.com]（提供http、https）

▍我是尾巴

先积攒起一点，一步步积攒，必定积少成多，正所谓“韩信点兵，多多益善”。

[https_www.logaster.cn]: https://www.logaster.cn/
[http_www.logomaker.com.cn]: http://www.logomaker.com.cn/
[http_www.jiniannet.com_page_allcolor]: http://www.jiniannet.com/page/allcolor
[70]: /images/20220523/1a84316256274a7da405d3f1383e75a8.png
[70 1]: /images/20220523/1264115214e04c889a83408bb90f06f1.png
[http_link.fobshanghai.com_rgbcolor.htm]: http://link.fobshanghai.com/rgbcolor.htm
[70 2]: /images/20220523/3ee7559a0e544b7cb7e8000776f8b75a.png
[http_www.iconfont.cn_home_index]: http://www.iconfont.cn/home/index
[70 3]: /images/20220523/c141f80baecf4351acf3b4811e596a93.png
[http_cdn.code.baidu.com]: http://cdn.code.baidu.com/
[https_css.loli.net]: https://css.loli.net/
[https_lib.f2ex.cn]: https://lib.f2ex.cn/
[https_cdn.baomitu.com]: https://cdn.baomitu.com/