[21] 2021 年 5 月十大必备 Web 开发工具

2025-05-28

[21] 2021 年 5 月十大必备 Web 开发工具

现在正是继续我最近的博文系列——十大最佳 Web 开发工具——的绝佳时机。每个月,我都会尽力挑选出我认为每个 Web 开发者必备的最有趣、最实用的工具。这次推荐的工具包括:

1). 韦尔塞尔

NextJS的开发者为前端开发者打造了一个非常出色且易于使用的部署和协作平台。Vercel 使开发者能够托管可即时部署并自动扩展的网站和 Web 服务,而且无需任何配置。到目前为止,我已经使用了几周,它真的感觉像是增强版的HerokuNetlify 。

十大必备 Web 开发工具

https://vercel.com

2). 色彩飞跃

Color Leap 是一款设计精美、精美的色彩历史资源。它非常适合寻找灵感,所以选择你最喜欢的时代,深入研究它的色彩吧。

十大必备 Web 开发工具

https://colorleap.app

3). HTML DOM

一个方便的 DOM 相关知识数据库,来自去年提到的这个与那个的创建者。

https://htmldom.dev/

4). 关键帧

一些非常用户友好且简单的可视化工具可帮助您为项目生成 CSS(动画、阴影、颜色)。

十大必备 Web 开发工具

https://keyframes.app/

5). 网格

CSS 网格布局的简单可视化备忘单。

十大必备 Web 开发工具

https://grid.malven.co/

6). CSS 统计信息

CSS Stats 为您的样式表提供了深入分析和可视化的报告。

十大必备 Web 开发工具

https://cssstats.com

7). 黄色实验室工具

Yellow Lab Tools 是一款免费的在线页面速度审计工具和网络性能分析器。

十大必备 Web 开发工具

https://yellowlab.tools/

8). Figma崩溃

其实,这个精选并非工具,而是一个学习资源。它能帮助你深入了解 Figma 的强大功能。课程完全免费。

十大必备 Web 开发工具

https://www.figmacrashcourse.com/

9). CSS地狱

我无法比他们的官方网站更好地描述这个资源——常见 CSS 错误的集合以及如何修复它们。

CSS地狱

https://csshell.dev/

10). Readme.so

此资源为您提供了为下一个项目创建精彩 README 的最简单方法。

自述

https://readme.so/

PS:欢迎回复此帖补充列表。你最喜欢哪些 Web 开发工具?


原帖@create-react-app.com

我的网站https://villivald.com/
GitHub https://github.com/villivald
Twitter https://twitter.com/crapp_blog
Hashnode https://proj.ninja

文章来源:https://dev.to/vilvald/21-top-10-must-have-web-dev-tools-may-2021-27m6
PREV
2024 年最佳 React 和 NextJS 免费开源 SaaS 启动器
NEXT
[18] 十大必备 Web 开发工具 - 2021 年 3 月