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

咳咳,步入正题。

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

1.GitHub Desktop(Git界面东西)

desktop.github.com/

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

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

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

  • GitHub Desktop免费,Sourcetree收费,收费指定干不过免费;

  • GitHub Desktop支撑分支查找。

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

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

2.LightHouse(开源的主动化东西)

github.com/GoogleChrom…

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

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

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

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

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

3.Tinypng(图片在线紧缩)

tinypng.com/

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

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

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

4.摹客(产品研制协作渠道)

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

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

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

5.css3(动画代码合集)

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

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!
6.EMOJIALL(emoji合集)

www.emojiall.com/zh-hans

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

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

7.undraw(svg插画)

undraw.co/

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

8.创客贴(快速做图东西)

www.chuangkit.com/

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

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

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

9.iodraw(无限制流程图东西)

www.iodraw.com/

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

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

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

10.形象笔记(文档协同东西)

www.yinxiang.com/

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

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

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

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

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

嘿嘿嘿,10个我常常逛的“小网站”,不哄人!

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