后端开发教程 - Java、Spring Boot 实战 - msg200.com
50+ 款优秀的 Web 开发者工具
介绍
免费 GumRoad 电子书
德夫欣茨
括号
UI设计日报
错误 404
悬停.css
Tailwind CSS
铁路
JSONVue
弹性框防御
哈比蒂卡
与我联系
结论
介绍
我们再次带来了一份包含 50 多种 Web 开发工具的超值清单，助您从中受益。其中一些工具对所有开发者都适用。这些工具绝对能帮助您提升知识、激发灵感，并提高工作效率。
我们将这份工具清单分成了不同的类别。具体类别如下：
- 学习🧑💻
- 代码编辑器✍️
- UI 设计⚡
- UI 组件🚀
- 动画🏃♂️
- 框架🏢
- 托管☁️
- Google Chrome 扩展程序
- 编码实践
- 生产力⌛
- 杂项工具🔎
我们将在未来讨论其他技术（例如 React、前端、后端等）的工具和资源。请在 Twitter 上关注我 ( @surajondev )，获取后续更新通知。
那么，让我们开始探索这些工具。
免费 GumRoad 电子书
下面列出的工具只是其他 50 多个工具中的 10 个，顺序随机。完整的工具列表已分类，并以 PDF/Notion 模板格式编写。您可以从 GumRoad 免费获取 PDF 版本。
通过此链接获取电子书：https://surajondev.gumroad.com/l/50-tools-web-developers。
这是我的第一个 GumRoad 产品，因此请通过 GumRoad 上的评级、评论框下方或在 Twitter 上给我发私信让我知道您的反馈。
以下是电子书中提到的一些工具。
德夫欣茨
一组荒谬的 Web 开发备忘单。
种类繁多的速查表可供探索。它们以组件样式精心组织，方便用户理解。速查表涵盖 HTML、CSS、JavaScript、React、Vue、ExpressJS 等众多领域。速查表涵盖超过 25 个主题，并进一步细分为子主题。
括号
Brackets - 一款了解网页设计的现代开源代码编辑器。
专为 Web 开发者打造的极简代码编辑器。它预装了实时服务器等功能，可在您编辑网页时自动刷新。您可以使用这款代码编辑器的极简风格和实时服务器功能。
UI设计日报
免费的开源 UI 设计资源每天更新。
我每天都使用 UI 设计来获取灵感，并寻找 React 组件的 UI 设计。它有很多组件的模型，例如卡片、按钮、表单、登录等等。
错误 404
这是一个有趣的网页，可以用来探索 404 页面错误。它有很多与 404（未找到）错误页面相关的免费插图。您可以下载并用于您的设计和网页设计。此外，还有一些示例，可供您参考，从中汲取灵感。
悬停.css
Hover.css - CSS3 悬停效果集合
一个很棒的 CSS3 悬停动画/过渡效果库，适用于链接和按钮。动画有不同的类别，例如 2D 过渡、图标、卷曲等。总共有 7 个类别。您可以使用 NPM、CDN 脚本或下载的 CSS 文件将该库集成到您的应用程序中。
Tailwind CSS
Tailwind CSS - 无需离开 HTML 即可快速构建现代网站。
它是一个实用优先的 CSS 框架。使用 Tailwind CSS，您可以直接将 CSS 添加到 HTML/JSX 组件中。许多开发人员一直在使用此框架构建他们的网站，因为它可以减少编写 CSS 代码的时间。
铁路
Railway 是一个基础设施平台，您可以在其中配置基础设施，在本地使用该基础设施进行开发，然后将其部署到云端。
自 2022 年 11 月起，Heroku 将结束其免费套餐，而 Railway 是 Heroku 部署后端的最佳替代方案之一。它支持 Node.js、Django、Laravel、Kotlin、Spring、Ruby 等语言。它还提供预定义的模板，供您在部署后端时使用。
JSONVue
验证并查看 JSON 文档
它是最推荐的 JSON 数据更漂亮版本的扩展之一。每当我处理公共 API 来获取天气等数据时，API 数据都是 JSON 格式的。默认情况下，我们的网页以内联格式显示所有数据。此扩展将数据转换为更漂亮的格式，以便轻松理解 JSON 的结构。
弹性框防御
你的任务是阻止来袭的敌人突破你的防御。与其他塔防游戏不同，你必须使用 CSS 来定位你的塔！
这是一款在线游戏，可以在学习 CSS 弹性框的同时进行游戏。游戏很简单，当你编写代码时，你的防御阵地就会被放置在地图上。你的防御阵地应该位于敌人的路径上，以保护你。为了定位你的防御阵地，你将使用 CSS 弹性框及其属性。它很有趣，你还可以学习 CSS 弹性框的属性。
哈比蒂卡
Habitica 是一款免费的习惯和效率应用，它将你的现实生活视为一场游戏。Habitica 可以帮助你实现目标，变得健康快乐。
习惯是实现更大目标的基石之一。我一直使用 Habiticas 来管理我的待办事项清单和养成习惯。它是一个游戏化的待办事项清单，包含各种待办事项。我喜欢 Habitica 管理重复任务和习惯的方式。
与我联系
结论
希望这些工具能帮到你。感谢阅读这篇博文。
通过https://surajondev.gumroad.com/l/50-tools-web-developers获取完整的电子书。
文章来源：https://dev.to/surajondev/50-awesome-tools-for-web-developers-5gan