独立开发变现周刊(第 3 期)

分享独立开发变现相关有价值的内容,每周五发布。

1、3个不错的体验优化

在产品构建中,会遇到很多”空“的情况,这时候应该好好的优化用户体验,而不是白白的浪费掉。这里有3条好的优化建议,看看是不是自己的产品里可以加上呢。

1、这时是让用户采取行动的好时机。

2、搜索的时候给予用户一些提示或者可选择的内容。

3、让用户直接创建不如预设一些模板,让用户更容易前进。

地址:https://twitter.com/d__raptis/status/1395033762711412740?s=19

2、100个CSS加载动画

这里有100个纯CSS实现的加载Loading动画效果,有实际的效果展示,还可以在CodePen上实时编辑查看效果。也许你的下个产品里就用的上它们了。值得收藏的好资源。

地址:https://dev.to/afif/i-made-100-css-loaders-for-your-next-project-4eje

3、rrweb: 像素级还原用户操作

rrweb是一个开放源代码的Web端用户交互重播库,它提供易于使用的API来记录用户的交互并进行远程重播。想象一下,有了rrweb,你就像站在用户的旁边看用户是如果操作你的产品的,是不是很炫酷的一件事。用户的每个输入,每个点击,每个报错,都能像放电影一样重新在你面前播放。这就是rrweb的能力。可以应用在用户行为分析,bug问题收集,分享你的实时操作等。

官网:https://www.rrweb.io/

Github仓库:https://github.com/rrweb-io/rrweb

4、清华大学:经济学原理(全77讲)

这是我在B站上发现的很不错的讲经济学原理的课程。如果你想了解经济学,对世界的经济运行,或身边发生的经济问题有很多困惑的话,这门课程可以帮你解答很多的困惑。也是你想系统学习经济学的一门基础课程。经济就在我们身边,背后的一些规律我们也需要更多的了解。课程比较长,适合系统性的学习。此系列课是原清华大学经济管理学院院长钱颖一团队的《经济学原理》,课程录制时间从2009年跨度到2015年。

地址:https://www.bilibili.com/video/BV1Nb4y1d7AB?p=2

5、Roadmaps: 技术提升路线图

前端、后端、Android、DBA等的技术路线图,类似于思维导图的展示方式,对于想提升技术的小伙伴还是很有帮助的。对于初学者,可以概览技术路线上的知识点,哪些是推荐学习,哪些是可选的。对于有一定基础的技术同学,也可以查漏补缺,还是可以发现一些有价值的知识点。每个技术路线图也在不断的更新。

官网:https://roadmap.sh/

6、Draw.io: 画图更方便了

Draw.io是一款实用的免费流程图绘制工具。可以快速的画出各种的流程、架构图等。支持多平台(网页/Win/Mac/Linux),开源免费,文件存储在本地,也可以选择存储位置。有VS Code的扩展插件,可以方便的集成到项目里。

官网: https://www.diagrams.net/

7、Slidev: 轻松用Markdown写出幻灯片

一个可以通过Markdown语法,实现幻灯片效果的框架。目前在公开Beta阶段,基于Vue3开发的。有不同的风格可选,可以导出为不同的文件格式,有VS Code的集成插件。

技术栈的实现有:Vite、Vue 3、Windi CSS、Prism、RecordRTC、Mermaid

Githu仓库:https://github.com/slidevjs/slidev

官网:https://sli.dev/

8、Patchwork: 更漂亮的整理你的收藏

帮助你从网络上收集和整理一些信息,可以将视频,音频,网站和文字注释保存到您自己的收藏夹中,整理成精美的主题集合。方便自己日后的查找和分类整理。有Chrome浏览器插件和网站结合使用效果更佳。插件负责采集,网站负责展示。

介绍产品: https://www.producthunt.com/posts/patchwork


以上内容会同步更新在:

Ezindie: https://ezindie.com/

Github: https://github.com/ljinkai/weekly

微信公众号:凯凯而谈

扫码订阅

ezindie.com

让小产品的独立变现更简单

RSS

站长微信 liujinkai10