国外大佬的 4 个项目 yyds
推荐一位国外全栈开发者大神: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相关推荐
- [MemTest太慢? 来试试这个压力更大吧!]分享一个快速测试内存超频出错的软件-TM5(和国外大佬的极限自定义配置)
原文链接: http://nga.178.com/read.php?&tid=19414565 https://github.com/integralfx/MemTestHelper/blob ...
- Node 应用篇!推荐 10 个好用的 Node 的开源项目 YYDS
大家好,我是你们的 猫哥,那个不喜欢吃鱼.又不喜欢喵 的超级猫又在线营业啦 ~ 平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 1. puppe ...
- 国外cpa广告联盟emu项目最新介绍
CPA是国外网上赚项目的一种,含义很简单,就是引领和引导.不言而喻,它的意思是引导访问者完成注册.下载或填写调查.访客每完成一个相关活动,就会有一定金额的美金加到你在广告联盟后台的账户里. 所以我们在 ...
- 你们推荐的项目 yyds
如何在 1s 中在 VS Code 中打开某个项目? 迅雷的开源替代品? 阿波罗 11 号源代码? ... 刚刚这些问题,本文章会给你答复.上一周有不少读者在公众号留言,推荐了好多好玩有趣的开源项目. ...
- 这 9 个 Java 开源项目 yyds,你知道几个?
今日推荐 扔掉 Postman,一个工具全部搞定,真香!为啥查询那么慢?还在直接用JWT做鉴权?JJWT真香推荐 15 款常用开发工具干掉 navicat:这款 DB 管理工具才是y(永)y(远)d( ...
- JS 加强篇!推荐 10 个好用的 TypeScript 的开源项目 YYDS !
大家好,我是你们的 猫哥,那个不喜欢吃鱼.又不喜欢喵 的超级猫又在线营业啦 ~ 平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 1. react ...
- 这 9 个 Java 开源项目 yyds(转载)
在开源中国里,不知道大家有没有留意到一个Java开源组织--Dromara?这个组织是由 Apache ShenYu(前身是Soul网关)的作者创立,多位 Java 开源作者参与的一个Java开源组织 ...
- 粉丝推荐的 GitHub 项目 yyds
本期盘点的开源项目由逛逛 GitHub 的读者投稿,如果你或者所在的组织开源了高质量的项目,希望被更多人看到,请扫描下方二维码进行投稿. 同样,你可以关注逛逛 GitHub 后在底部菜单栏找到投稿入口 ...
- surface系列安装linux解决触屏等驱动问题以及使用心得
surface系列的本子安装linux会出现触屏不能用的问题,国外大佬做了个项目解决部分驱动问题,现在记录一下. 硬件:surface pro4 os:ubuntu 20.04 大佬项目地址:http ...
最新文章
- LeetCode简单题之七进制数
- UVA 818 Cutting Chains(状压 + 暴搜)题解
- eclipse的菜单栏消失问题解决
- 等待 dg597 服务的连接超时
- 【Android 异步操作】线程池 ( 线程池简介 | 线程池初始化方法 | 线程池种类 | AsyncTask 使用线程池示例 )
- 历经8年双11流量洗礼,淘宝开放平台如何攻克技术难关?--转
- 廖雪峰 练习 把用户输入的不规范的英文名字,变为首字母大写,其他小写的规范名字...
- 《人工智能》实验二——搜索技术(八数码问题)
- 在计算机excel上怎么求sin值,Excel中使用sin函数计算的操作技巧
- BOM成本计算成最下级算到最上级
- ESN学习笔记——原理与超参数
- 我的申请已经通过审核,你想成为阿里云 MVP 吗?
- block使用时的一些情况以及防止循环引用
- 2009.6.29在淘宝网里订购了多普达P4550手机
- ahb2apb bridge验证项目介绍
- linux服务器缓存环境memcached搭建及应用(java)
- 信息系统项目管理师考试是自学好还是找培训好?
- LeetCode-1264. 页面推荐(中等)
- 第27篇 联盟链 + metamask + remix 玩转智能合约
- AI人工智能毕业设计课题:怀旧照片网站,黑白图像图片上色系统
热门文章
- pandas 根据某一列的值修改某一列的值
- 用友U8数据库表名中英文对照表
- 【爬虫实战】汽车之家——2.0
- 接口自动化测试框架unittest和pytest差异比较
- 计算机科学只用向量还是矢量,请高手指点:向量、数量、矢量、标量的区别和 – 手机爱问...
- axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动
- SQL数据类型急速入门
- 视频怎样做二维码?视频转成二维码的完整教程
- HPC高性能计算知识: 深度解析Lustre体系结构
- Windows下C/C++模拟鼠标点击,PC端没有鼠标设备也能够获取鼠标坐标、移动鼠标坐标、模拟鼠标点击事件,方法一 亲测有效