反思一下，为什么你会点进来~

咳咳，步入正题。

工欲善其事必先利其器，你们的保藏夹里保藏了多少“小网站”？今天和咱们共享10个我压箱底的功率东西/渠道，现在用不上没关系，赶忙保藏最关键！

1.GitHub Desktop（Git界面东西）

desktop.github.com/

对新手而言，要记住那么多git指令是有些困难，所以GitHub Desktop就能够派上用场了！

GitHub Desktop的运用体会要好于Sourcetree、TortoiseGit。

之所以不少人抛弃Sourcetree 转而运用GitHub Desktop，是因为两点：

• GitHub Desktop免费，Sourcetree收费，收费指定干不过免费；

• GitHub Desktop支撑分支查找。

GitHub Desktop上手简单易用，深化运用后会发现很贴合咱们的试用习气，很好的契合了GitHub，咱们有时间时能够来体会一下！

2.LightHouse（开源的主动化东西）

github.com/GoogleChrom…

Lighthouse是一个开源的主动化东西，用于改进网络运用的质量。

能够将其作为一个 Chrome 扩展程序运转，或从指令行运转。

当为Lighthouse供给一个要检查的网址，它将针对此页面运转一连串的测验，然后生成一个有关页面功用的报告。

让开发人员依据生成的页面功用的报告，来进行网站优化和完善，提高用户体会。

能够参考失利的测验，看看能够采取哪些措施来改进运用。

在里边你能够看到它给你各个方面的主张，比如图片、css、js 这些文件的处理，还有 html 里边标签的运用，缓存处理等主张，能够依据这些来对网站进行优化。

3.Tinypng（图片在线紧缩）

tinypng.com/

在日常开发过程中，图片紧缩是再常见不过的需求了。

Tinypng是一个完全免费且具备高紧缩率的在线图片紧缩网站，能满足咱们日常大部分紧缩图片的需求。

不管你的图片格局是WEBP，仍是JPEG或PNG，Tinypng都能够快速帮你完结紧缩~它有选择的削减图画中的色彩数量，使存储数据所需的字节数削减。

紧缩后的图片尽管肉眼看不出太大的变化，但文件大小却有很大差异，Tinypng值得保藏！

4.摹客（产品研制协作渠道）

‍https://www.mockplus.cn/idoc/developer‍

在座的各位朋友：你们公司产品、UI有没有常常找你们掰扯还原度低的问题？

不是标示有遗失，便是切图不全面，还有在开发过程中疏忽了产品战略文档，大部分的时间都花在了debug上，还原度能高才是怪事！

自从咱们产研团队用上了摹客进行团队协作后，工作功率提升了不少。

摹客支撑主动标示功用，80%的标示信息hover在对应模块就会主动显示，比UI手动标示准确率更高。

至于切图文件，之前UI改稿后会重复给咱们发送切图紧缩包，但现在，UI只需求把最新规划稿上传至摹客，咱们自己就能下载切图文件，不同渠道（iOS/Android/Web）、不同倍率、不同格局（PNG/WebP/SVG/JPG），切图完结了自给自足。

并且在下载切图资料前，还能够选择紧缩切图，紧缩/下载一条龙服务！

另外，产品能够在定稿模式下对产品战略说明进行手动标示，增强咱们对产品的了解，尽可能下降开发逻辑过错的频率。

5.css3（动画代码合集）

www.webhek.com/post/css3-a…

在咱们日常开发的过程中，会遇到一些简单CSS动画的需求，如果为了一两个动画引入库可能会感觉得不偿失，若每次在网上搜相关的代码又显得过分费时吃力，因而，CSS3的价值就体现出来了！

CSS3中包含了咱们常见的动画效果，并且有片段代码，咱们只需求Ctrl C+V即可。无需注册，直接点击就能检查，十分交心！

6.EMOJIALL（emoji合集）

www.emojiall.com/zh-hans

自苹果发布的iOS5输入法中加入了emoji后，emoji席卷全球，emoji已被大多数现代计算机体系所兼容的Unicode编码采用，普遍运用于各种手机短信和社交网络中。

你能够将EMOJIALL当成一本全面的emoji词典，其中包含了不同品种不同版本不同体系的emoji。

在这里，你能够了解emoji的来源发展，查找不同意义的emoji并仿制运用，并供给了emoji小游戏，总归，它将emoji玩出了花，保藏起来，你早晚能用上！

7.undraw（svg插画）

undraw.co/

在开发过程中，如果需求免费的SVG插图，那你必定错失undraw！

在这里，上千张插画你能够纵情挑选，扁平化风格和手绘风格的插画能够适用多种场景，都毫无违和感。

最有意思的是，插画的色彩能够依据你页面的主题色进行一致修正，体系预设了6种配色方案，你也能够自定义色彩，下载支撑PNG和SVG两种格局，支撑免费商用，用户体会超好der！

8.创客贴（快速做图东西）

www.chuangkit.com/

你有暂时遇到规划需求，规划师没时间接的状况吗？

即使你规划零根底，也能够用创客贴1分钟做图，轻松解决规划难题。

创客贴中有超多的图片模板资料，零规划根底的你只需求挑选适宜的模板、修正文字、替换配图，三步就能完结在线做图。

如果你仍是一名自媒体博主，大众号的封面也能够运用创客贴搞定，轻松快捷！

9.iodraw（无限制流程图东西）

www.iodraw.com/

当咱们在分析研究项目时，常常需求画流程图、思维导图来辅佐考虑。

我常用的画图软件是iodraw，它可支撑流程图、UML图、架构图、原型图等，能够与Github，Google Drive, One drive等网盘同步。

软件打出了永久免费的标语，十分具有吸引力！

有时在网络环境不佳或运用Web版不方便的状况下，也可运用他们的离线桌面版画图~

10.形象笔记（文档协同东西）

www.yinxiang.com/

现在越来越多的碎片化信息充满在咱们之中，大众号文章、抖音短视频、微博……

咱们有没有这样一个“通病”——看过就忘？

咱们随时都在获取信息，但该如何将有用的信息都收集起来，真正变成自己有用的资源？

给咱们引荐一个文档协同东西：形象笔记。

在形象笔记中，能够将咱们每天的见识、考虑、创意通通记录下来，将一系列的内容整合后，便是咱们自身一笔宝贵的财富！

今天的共享就到这里了，后续再想起还有其他好用的在线东西，我会直接补充在下方谈论区，也欢迎咱们将自己常运用的东西共享一波，咱们谈论区见！