反思一下,为什么你会点进来~
咳咳,步入正题。
工欲善其事必先利其器,你们的收藏夹里收藏了多少“小网站”?今天和大家分享10个我压箱底的效率工具/平台,现在用不上不要紧,赶紧收藏最关键!
1.GitHub Desktop(Git界面工具)
GitHub Desktop | Simple collaboration from your desktop
对新手而言,要记住那么多git命令是有些困难,所以GitHub Desktop就可以派上用场了!
GitHub Desktop的使用体验要好于Sourcetree、TortoiseGit。
之所以不少人放弃Sourcetree 转而使用GitHub Desktop,是因为两点:
-
GitHub Desktop免费,Sourcetree收费,收费指定干不过免费;
-
GitHub Desktop支持分支搜索。
GitHub Desktop上手简单易用,深入使用后会发现很贴合我们的试用习惯,很好的契合了GitHub,大家有时间时可以来体验一下!
2.LightHouse(开源的自动化工具)
GitHub - GoogleChrome/lighthouse: Automated auditing, performance metrics, and best practices for the web.
Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。
可以将其作为一个 Chrome 扩展程序运行,或从命令行运行。
当为Lighthouse提供一个要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。
让开发人员根据生成的页面性能的报告,来进行网站优化和完善,提高用户体验。
可以参考失败的测试,看看可以采取哪些措施来改进应用。
在里面你可以看到它给你各个方面的建议,比如图片、css、js 这些文件的处理,还有 html 里面标签的使用,缓存处理等建议,可以根据这些来对网站进行优化。
3.Tinypng(图片在线压缩)
TinyPNG – Compress WebP, PNG and JPEG images intelligently
在日常开发过程中,图片压缩是再常见不过的需求了。
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(动画代码合集)
CSS3动画代码大集合 - 这是一个能方便的找到CSS动画制作的代码片段的地方。
在我们日常开发的过程中,会遇到一些简单CSS动画的需求,如果为了一两个动画引入库可能会感觉得不偿失,若每次在网上搜相关的代码又显得太过费时费力,因此,CSS3的价值就体现出来了!
CSS3中包含了我们常见的动画效果,并且有片段代码,我们只需要Ctrl C+V即可。无需注册,直接点击就能查看,十分贴心!
6.EMOJIALL(emoji合集)
Emoji大全 | Emoji表情符号词典 📓 | EmojiAll中文官方网站
自苹果发布的iOS5输入法中加入了emoji后,emoji席卷全球,emoji已被大多数现代计算机系统所兼容的Unicode编码采纳,普遍应用于各种手机短信和社交网络中。
你可以将EMOJIALL当成一本全面的emoji词典,其中包含了不同种类不同版本不同系统的emoji。
在这里,你可以了解emoji的起源发展,搜索不同含义的emoji并复制使用,并提供了emoji小游戏,总之,它将emoji玩出了花,收藏起来,你迟早能用上!
7.undraw(svg插画)
unDraw - Open source illustrations for any idea
在开发过程中,如果需要免费的SVG插图,那你一定错过undraw!
在这里,上千张插画你可以尽情挑选,扁平化风格和手绘风格的插画可以适用多种场景,都毫无违和感。
最有意思的是,插画的颜色可以根据你页面的主题色进行统一修改,系统预设了6种配色方案,你也可以自定义颜色,下载支持PNG和SVG两种格式,支持免费商用,用户体验超好der!
8.创客贴(快速做图工具)
创客贴-做图做视频必备_会打字就能做设计,商用有版权
你有临时遇到设计需求,设计师没时间接的情况吗?
即使你设计零基础,也可以用创客贴1分钟做图,轻松解决设计难题。
创客贴中有超多的图片模板素材,零设计基础的你只需要挑选合适的模板、修改文字、替换配图,三步就能完成在线做图。
如果你还是一名自媒体博主,公众号的封面也可以使用创客贴搞定,轻松便捷!
9.iodraw(无限制流程图工具)
ioDraw 免费在线画流程图、思维导图、甘特图
当我们在分析研究项目时,经常需要画流程图、思维导图来辅助思考。
我常用的画图软件是iodraw,它可支持流程图、UML图、架构图、原型图等,能够与Github,Google Drive, One drive等网盘同步。
软件打出了永久免费的口号,十分具有吸引力!
有时在网络环境不佳或使用Web版不方便的情况下,也可使用他们的离线桌面版画图~
10.印象笔记(文档协同工具)
印象笔记 | 工作必备效率应用
现在越来越多的碎片化信息充斥在我们之中,公众号文章、抖音短视频、微博……
大家有没有这样一个“通病”——看过就忘?
我们随时都在获取信息,但该如何将有用的信息都收集起来,真正变成自己有用的资源?
给大家推荐一个文档协同工具:印象笔记。
在印象笔记中,可以将我们每天的见闻、思考、灵感统统记录下来,将一系列的内容整合后,就是我们自身一笔宝贵的财富!
文章来源:https://www.toymoban.com/news/detail-410886.html
今天的分享就到这里了,后续再想起还有其他好用的在线工具,我会直接补充在下方评论区,也欢迎大家将自己常使用的工具分享一波,咱们评论区见!文章来源地址https://www.toymoban.com/news/detail-410886.html
到了这里,关于嘿嘿嘿,10个我经常逛的“小网站”,不骗人的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!