推薦一位國外全棧開發(fā)者大神：Alyssa，在 Github 上有 5.34K 的關(guān)注者。她是一名全棧開發(fā)者、Sonuum 公司的創(chuàng)始人。

被 Maker Mag 評為 2018 最佳女性 Maker，并兩次入圍 Product Hunt Maker of the Year 決賽。

注：Product Hunt 是國外的一個尋找好產(chǎn)品的網(wǎng)站，開發(fā)者或者開發(fā)團隊可以把自己開發(fā)的產(chǎn)品發(fā)布到網(wǎng)站，與社區(qū)的用戶一起討論。本文中推薦 4 個有趣的開源項目，都是由開發(fā)者 Alyssa 完成。

本期推薦開源項目目錄：

1. 適用于 Chrome 的屏幕錄制工具

2. 強大的瀏覽器插件

3. 實時協(xié)作的地圖工具

4. 創(chuàng)建漂亮的流程圖

---

01

適用于 Chrome 的屏幕錄制工具

適用于 Chrome 的最強大的屏幕錄像機和注釋工具，使用該插件你可以錄制你的屏幕和并且在屏幕任意位置進行繪畫、添加文本、添加箭頭，同時還可以錄制你的電腦音頻。

錄制完成，你可以對錄制的視頻片段進行修剪，導(dǎo)出為 MP4、Gif 并且一鍵保存到谷歌云盤。該開源項目的地址和使用的庫的地址都放在了下面。

編程語言：Javascript

開源地址：https://github.com/alyssaxuu/screenity

相關(guān)開源組件地址：

用于交互式文本和箭頭：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 可以幫助你更專業(yè)的管理你的瀏覽器， Omni 提供了一個簡單界面，在界面中你只需要使用簡單的命令就能管理選項卡、書簽、瀏覽器歷史記錄、執(zhí)行各種操作等等。

你可以方便的搜索、瀏覽管理標簽、快速搜索瀏覽歷史記錄、與 Notion、Figma、穩(wěn)定集成，同時好包含更多高級設(shè)置。

編程語言：JavaScript

開源地址：https://github.com/alyssaxuu/omni

03

實時協(xié)作的地圖工具

Mapus 是一種在地圖上協(xié)作探索和注釋的工具，開源一年獲得了近 3K 的 Star。使用該開源項目你可以在地圖上繪制、標記、畫出區(qū)域等等，想當于在普通的地圖上增加了實時協(xié)作的功能。

通過實時協(xié)作，你可以與其他用戶同步計劃和行程；你能使用畫筆或者箭頭在地圖上標記和注釋；還可以創(chuàng)建一些標記，方便快速定位標注地圖上的位置，同樣可以把地圖數(shù)據(jù)導(dǎo)出。

編程語言：JavaScript、CSS、HTML

開源地址：https://github.com/alyssaxuu/mapus

04

創(chuàng)建漂亮的流程圖

這是一個輕量級的 JavaScript 庫 近1W人 Star，通過該 Flowy 你能在你的應(yīng)用中創(chuàng)建漂亮的流程圖，使用步驟如下：

/* 在你的 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 類就能創(chuàng)建可拖動的 block ? */ <div?class="create-flowy">The block to be dragged</div> <div?id="canvas"></div>

更詳細的教程可以參考該項目的 Readme 文件：

開源地址：https://github.com/alyssaxuu/flowy

歷史盤點

逛逛 GitHub 每天推薦一個好玩有趣的開源項目。歷史推薦的開源項目已經(jīng)收錄到 GitHub 項目，歡迎 Star：

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

---

推薦閱讀

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

2.?推薦一款高顏值網(wǎng)易云播放器

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

4.?盤點百度 4 個牛逼哄哄的開源項目

總結(jié)

以上是生活随笔為你收集整理的国外大佬的 4 个项目 yyds的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。