推荐一位国外全栈开发者大神:Alyssa,在 Github 上有 5.34K 的关注者。她是一名全栈开发者、Sonuum 公司的创始人。

被 Maker Mag 评为 2018 最佳女性 Maker,并两次入围 Product Hunt Maker of the Year 决赛。

注:Product Hunt 是国外的一个寻找好产品的网站,开发者或者开发团队可以把自己开发的产品发布到网站,与社区的用户一起讨论。本文中推荐 4 个有趣的开源项目,都是由开发者 Alyssa 完成。

本期推荐开源项目目录:

1. 适用于 Chrome 的屏幕录制工具

2. 强大的浏览器插件

3. 实时协作的地图工具

4. 创建漂亮的流程图


01

适用于 Chrome 的屏幕录制工具

适用于 Chrome 的最强大的屏幕录像机和注释工具,使用该插件你可以录制你的屏幕和并且在屏幕任意位置进行绘画、添加文本、添加箭头,同时还可以录制你的电脑音频。

录制完成,你可以对录制的视频片段进行修剪,导出为 MP4、Gif 并且一键保存到谷歌云盘。该开源项目的地址和使用的库的地址都放在了下面。

编程语言:Javascript

开源地址:https://github.com/alyssaxuu/screenity

相关开源组件地址:

用于交互式文本和箭头:https://github.com/fabricjs/fabric.js
下拉菜单的开源组件:https://github.com/hernansartorio/jquery-nice-select
用于修剪/删除录音部分的范围组件:https://github.com/leongersen/noUiSlider
颜色选择块:https://github.com/Simonwep/pickr
用于在录制时异步保存视频:https://github.com/jimmywarting/StreamSaver.js
使下载的视频可搜索的开源组件:https://github.com/yusitnikov/fix-webm-duration

02

强大的浏览器插件

使用开源项目 Omni 可以帮助你更专业的管理你的浏览器, Omni 提供了一个简单界面,在界面中你只需要使用简单的命令就能管理选项卡、书签、浏览器历史记录、执行各种操作等等。

你可以方便的搜索、浏览管理标签、快速搜索浏览历史记录、与 Notion、Figma、稳定集成,同时好包含更多高级设置。

编程语言:JavaScript

开源地址:https://github.com/alyssaxuu/omni

03

实时协作的地图工具

Mapus 是一种在地图上协作探索和注释的工具,开源一年获得了近 3K 的 Star。使用该开源项目你可以在地图上绘制、标记、画出区域等等,想当于在普通的地图上增加了实时协作的功能。

通过实时协作,你可以与其他用户同步计划和行程;你能使用画笔或者箭头在地图上标记和注释;还可以创建一些标记,方便快速定位标注地图上的位置,同样可以把地图数据导出。

编程语言:JavaScript、CSS、HTML

开源地址:https://github.com/alyssaxuu/mapus

04

创建漂亮的流程图

这是一个轻量级的 JavaScript 库 近1W人 Star,通过该 Flowy 你能在你的应用中创建漂亮的流程图,使用步骤如下:

/* 在你的 Web 项目引入 flowy.min.js 和 flow.min.css  */
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/alyssaxuu/flowy/flowy.min.css">
<script src="https://cdn.jsdelivr.net/gh/alyssaxuu/flowy/flowy.min.js"></script>/* 引入 create-flowy 类就能创建可拖动的 block   */
<div class="create-flowy">The block to be dragged</div>
<div id="canvas"></div>

更详细的教程可以参考该项目的 Readme 文件:

开源地址:https://github.com/alyssaxuu/flowy

历史盘点

逛逛 GitHub 每天推荐一个好玩有趣的开源项目。历史推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:

https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo


推荐阅读

1. GitHub 上有什么好玩的项目?

2. 推荐一款高颜值网易云播放器

3. 基于 Spring Boot 的百度云高仿项目

4. 盘点百度 4 个牛逼哄哄的开源项目

国外大佬的 4 个项目 yyds相关推荐

  1. [MemTest太慢? 来试试这个压力更大吧!]分享一个快速测试内存超频出错的软件-TM5(和国外大佬的极限自定义配置)

    原文链接: http://nga.178.com/read.php?&tid=19414565 https://github.com/integralfx/MemTestHelper/blob ...

  2. Node 应用篇!推荐 10 个好用的 Node 的开源项目 YYDS

    大家好,我是你们的 猫哥,那个不喜欢吃鱼.又不喜欢喵 的超级猫又在线营业啦 ~ 平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 1. puppe ...

  3. 国外cpa广告联盟emu项目最新介绍

    CPA是国外网上赚项目的一种,含义很简单,就是引领和引导.不言而喻,它的意思是引导访问者完成注册.下载或填写调查.访客每完成一个相关活动,就会有一定金额的美金加到你在广告联盟后台的账户里. 所以我们在 ...

  4. 你们推荐的项目 yyds

    如何在 1s 中在 VS Code 中打开某个项目? 迅雷的开源替代品? 阿波罗 11 号源代码? ... 刚刚这些问题,本文章会给你答复.上一周有不少读者在公众号留言,推荐了好多好玩有趣的开源项目. ...

  5. 这 9 个 Java 开源项目 yyds,你知道几个?

    今日推荐 扔掉 Postman,一个工具全部搞定,真香!为啥查询那么慢?还在直接用JWT做鉴权?JJWT真香推荐 15 款常用开发工具干掉 navicat:这款 DB 管理工具才是y(永)y(远)d( ...

  6. JS 加强篇!推荐 10 个好用的 TypeScript 的开源项目 YYDS !

    大家好,我是你们的 猫哥,那个不喜欢吃鱼.又不喜欢喵 的超级猫又在线营业啦 ~ 平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 1. react ...

  7. 这 9 个 Java 开源项目 yyds(转载)

    在开源中国里,不知道大家有没有留意到一个Java开源组织--Dromara?这个组织是由 Apache ShenYu(前身是Soul网关)的作者创立,多位 Java 开源作者参与的一个Java开源组织 ...

  8. 粉丝推荐的 GitHub 项目 yyds

    本期盘点的开源项目由逛逛 GitHub 的读者投稿,如果你或者所在的组织开源了高质量的项目,希望被更多人看到,请扫描下方二维码进行投稿. 同样,你可以关注逛逛 GitHub 后在底部菜单栏找到投稿入口 ...

  9. surface系列安装linux解决触屏等驱动问题以及使用心得

    surface系列的本子安装linux会出现触屏不能用的问题,国外大佬做了个项目解决部分驱动问题,现在记录一下. 硬件:surface pro4 os:ubuntu 20.04 大佬项目地址:http ...

最新文章

  1. LeetCode简单题之七进制数
  2. UVA 818 Cutting Chains(状压 + 暴搜)题解
  3. eclipse的菜单栏消失问题解决
  4. 等待 dg597 服务的连接超时
  5. 【Android 异步操作】线程池 ( 线程池简介 | 线程池初始化方法 | 线程池种类 | AsyncTask 使用线程池示例 )
  6. 历经8年双11流量洗礼,淘宝开放平台如何攻克技术难关?--转
  7. 廖雪峰 练习 把用户输入的不规范的英文名字,变为首字母大写,其他小写的规范名字...
  8. 《人工智能》实验二——搜索技术(八数码问题)
  9. 在计算机excel上怎么求sin值,Excel中使用sin函数计算的操作技巧
  10. BOM成本计算成最下级算到最上级
  11. ESN学习笔记——原理与超参数
  12. 我的申请已经通过审核,你想成为阿里云 MVP 吗?
  13. block使用时的一些情况以及防止循环引用
  14. 2009.6.29在淘宝网里订购了多普达P4550手机
  15. ahb2apb bridge验证项目介绍
  16. linux服务器缓存环境memcached搭建及应用(java)
  17. 信息系统项目管理师考试是自学好还是找培训好?
  18. LeetCode-1264. 页面推荐(中等)
  19. 第27篇 联盟链 + metamask + remix 玩转智能合约
  20. AI人工智能毕业设计课题:怀旧照片网站,黑白图像图片上色系统

热门文章

  1. pandas 根据某一列的值修改某一列的值
  2. 用友U8数据库表名中英文对照表
  3. 【爬虫实战】汽车之家——2.0
  4. 接口自动化测试框架unittest和pytest差异比较
  5. 计算机科学只用向量还是矢量,请高手指点:向量、数量、矢量、标量的区别和 – 手机爱问...
  6. axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动
  7. SQL数据类型急速入门
  8. 视频怎样做二维码?视频转成二维码的完整教程
  9. HPC高性能计算知识: 深度解析Lustre体系结构
  10. Windows下C/C++模拟鼠标点击,PC端没有鼠标设备也能够获取鼠标坐标、移动鼠标坐标、模拟鼠标点击事件,方法一 亲测有效