独立开发变现周刊（第18期）：一个通过短信进行购物的网站平台

　　分享独立开发产品变现相关有价值的内容，每周五发布。
　　目录
　　1、TextRetailer：一个通过短信进行购物的网站平台
　　2、Fabric。js：让H5的Canvas交互更简单
　　3、3个实用UXUI的优化技巧
　　4、Trends。vc：帮助创造者发现新的市场和想法
　　5、Github仓库主页点击（。）一键打开VSCode的云编辑器
　　6、ColorThief：从图片里提取色盘的JS开源库
　　1、TextRetailer：一个通过短信进行购物的网站平台
　　TextRetailer是一个小众市场的SaaS产品，它的理念很有趣。TextRetailer的创始人SamSchrup觉得缓慢的页面加载和复杂的结账会导致销售损失。而便捷的购物体验是增加收入的关键。短信很吸引用户注意力，很少被忽视，能排除杂音，为你的客户提供直接的联系。回复购买结账只需要回复一个“Yes”。为短信增加一点点魔法，就可以让购物体验很有趣。这个平台使用收费是按照客户订阅数量来收费的。
　　TextRetailer的官网〔1〕
　　2、Fabric。js：让H5的Canvas交互更简单
　　Fabric。js是一个开源项目，Github上有19K的Star，可以轻松处理HTML5canvas元素的框架。它是canvas元素之上的一个交互对象模型。它也是SVGtocanvas的解析器。使用Fabric。js，你可以在画布上创建和填充对象；像简单的几何形状矩形，圆，椭圆，多边形，或更复杂的形状组成的数百或数千条简单路径。然后你可以用鼠标缩放、移动和旋转这些对象；修改它们的属性颜色、透明度、zindex等。您还可以一起操作这些对象用简单的鼠标选择将它们分组。有在线Demo可以体验。
　　Fabric。js开源地址〔2〕
　　3、3个实用UXUI的优化技巧
　　1、不要强调像删除这样的危险操作
　　必须优先考虑默认的行动，而不是危险的不可逆转的行动。
　　同时，使用多种方法让它看起来像一个次要动作（颜色，大小，类型，位置等）。
　　2、不均匀的元素会感觉很奇怪
　　即使它们之间的间距是一样的，视觉效果似乎是不一致的
　　一个超级快速的解决方法是为所有元素设置相同的宽度。选择最大元素的宽度，并将其应用到所有其他元素。
　　3、图标经常会让用户感到困惑或被用户误解
　　解决这个可访问性问题是通过添加一个文本标签来描述它的用法。
　　4、Trends。vc：帮助创造者发现新的市场和想法
　　一个订阅制的网站，会发布免费的报告，也有付费的社群。模式非常的简单，仅仅是通过订阅机制，打开网站就只有一个订阅入口，目前是月收入2万美金。创始人DruRiley，长的有点像克里斯。保罗，在2017年辞去了大数据工程师的职位，接下来的3年里去旅行、练习柔道。在2020年开始做Trends。vc。Dru分享了他的经验。
　　1、使用磁性吸引
　　用有吸引力的内容方式来和用户建立联系。内容是磁铁，社区就是护城河。
　　2、专注在定期更新上
　　固定时间的发布内容是有仪式感的，随着时间的增加，用户会越来越建立固定习惯。比如：QA、Demo日、定期会议等
　　3、自我调节
　　在做Trend。vc内容报告的时候，每星期会花费60小时来搜集内容和资料。
　　4、亲自行动
　　用户反馈要认真对待
　　5、策略上设置一点点门槛
　　低门槛是能带来很多用户，但是也会让社区增加很多的“噪音”
　　6、分散式领导
　　让更多人的人帮助社区运行起来，防止把自己精力耗干
　　Trends。vs官网〔3〕
　　DruRiley的经验分享〔4〕
　　DruRiley的Podcast采访〔5〕
　　5、Github仓库主页点击（。）一键打开VSCode的云编辑器
　　只要你在任何GitHubRepo页面上按下。键会自动跳转到github。dev的网站，打开的是一个网页版的VSCode，并且会自动克隆下这个Repo的代码。在这个网页版的VSCode里你甚至可以安装一些特定的插件（无法安装需要外部依赖的插件），能更方便的阅读代码。因为这个网站是官方出品，这个VSCode已自动绑定了你的GitHub账户，开发者可以在里面阅读、编辑及提交代码，整个过程行云流水，甚至全程不需要打开本地的IDE。在浏览器写代码还能拥有桌面IDE的开发体验。
　　6、ColorThief：从图片里提取色盘的JS开源库
　　ColorThief是一个开源库，有JS端和Node端的模块可用。可以将图片中的颜色进行提取，这样可以快速的将一张图片使用的颜色进行分析。也可以将网站以图片的方式进行提取，或者网站的色彩搭配。有在线的Demo演示可以体验其效果。
　　ColorThief的Demo演示地址〔6〕
　　TextRetailer的官网：https：textretailer。com
　　Fabric。js开源地址：https：github。comfabricjsfabric。js
　　Trends。vs官网：https：join。trends。vc
　　DruRiley的经验分享：https：twitter。comDruRlystatus1430222481579671561？s20
　　DruRiley的Podcast采访：https：www。indiehackers。compodcast173drurileyoftrendsvc
　　ColorThief的Demo演示地址：https：github。comlokeshcolorthief