web-developer-resources icon indicating copy to clipboard operation
web-developer-resources copied to clipboard

A list of web full stack resources and summarize.

Results 106 web-developer-resources issues
Sort by recently updated
recently updated
newest added

# [svg-text-animate](https://github.com/oubenruing/svg-text-animate) Svg-text-animate 一个在浏览器环境中将输入文本转化为描边动画的工具 [DEMO](https://oubenruing.github.io/svg-text-animate/) ![image](https://user-images.githubusercontent.com/26923747/104120911-6f637480-5375-11eb-9eae-30072313b581.png)

Web开发
设计

[Luckysheet](https://github.com/mengshukeji/Luckysheet) 🚀Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。 ![image](https://user-images.githubusercontent.com/26923747/101853346-6a56ae00-3b9a-11eb-8bff-d8468ae4034f.png) ![演示](https://raw.githubusercontent.com/mengshukeji/Luckysheet/master/docs/.vuepress/public/img/LuckysheetDemo.gif)

工具
JavaScript
Web开发

# [数学公式 图形计算器](https://www.desmos.com/calculator) ![image.png](https://cdn.nlark.com/yuque/0/2019/png/84141/1557736421808-897c479c-c129-4092-b994-c3c70ce342d6.png#align=left&display=inline&height=813&name=image.png&originHeight=894&originWidth=1541&size=103782&status=done&width=1400.9090605452047) 该网站左侧输入公式,右侧自动输出图像,非常直观。

资源

# [faker.js](https://github.com/Marak/faker.js) 根据你的需要,生成各种假数据,比如姓名、地址等,支持生成中文数据 [JSDoc API Browser](http://marak.github.io/faker.js/) ![image](https://user-images.githubusercontent.com/26923747/99876857-b6b26c00-2c34-11eb-9c88-7f5fc2aaebae.png)

工具

# [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/) 谷歌官方的网页性能的在线评分工具。 运行 Lighthouse 的方式有两种:作为 Chrome 扩展程序运行,或作为命令行工具运行。 [Chrome 扩展程序](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk) ![image](https://user-images.githubusercontent.com/26923747/99153735-7c514800-26e5-11eb-9344-0a54dab705c1.png)

工具
资源

# [ffmpeg.wasm ](https://github.com/ffmpegwasm/ffmpeg.wasm) ## [使用文档](https://ffmpegwasm.github.io/#demo) ffmpeg 库的 wasm 移植,使得 Node.js 可以用这个库编辑视频。 ![gif](https://raw.githubusercontent.com/ffmpegwasm/ffmpeg.wasm/master/docs/images/transcode.gif) ![image](https://user-images.githubusercontent.com/26923747/99153702-1bc20b00-26e5-11eb-9a58-51ac2dc07c37.png)

Webassembly

# [h5-Dooring](https://github.com/MrXujiang/h5-Dooring) [http://io.nainor.com/h5_plus/editor?tid=123456](http://io.nainor.com/h5_plus/editor?tid=123456) H5-Dooring是一款功能强大,开源免费的H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主, 后台采用nodejs开发。 ![image](https://user-images.githubusercontent.com/26923747/98443162-881c9780-2144-11eb-8fc5-a472b74bc968.png)

资源
设计

## [Playwright](https://github.com/microsoft/playwright-python) 微软推出的浏览器自动化工具,特点是浏览器的控制脚本用 Python 来写。 ![image](https://user-images.githubusercontent.com/26923747/96346568-05696500-10cf-11eb-9c4a-ffa8a9860327.png)

测试

# dive docker 镜像图层内容查看探索工具 ![image](https://user-images.githubusercontent.com/26923747/95533413-a8f2af80-0a15-11eb-875f-02d0deaf291c.png) ![image](https://raw.githubusercontent.com/wagoodman/dive/master/.data/demo.gif)

docker

# [xgplayer](https://github.com/bytedance/xgplayer) 西瓜播放器是一个Web视频播放器类库,它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。 ![image](https://user-images.githubusercontent.com/26923747/92568838-55743100-f2b2-11ea-844d-70b8b7bf12c9.png) ![image](https://user-images.githubusercontent.com/26923747/92568897-6e7ce200-f2b2-11ea-8c03-7ab582322044.png)

Web开发
资源