🐵 🧗🏾 🧑🏼 5个免费的Web开发人员生产力工具 🚏 🍩 ⏬

这篇文章的作者（我们今天将要翻译的译本）说，合理组织开发人员工作的一种方法是使用工具，使您能够以更少的努力实现更多的目标。在这里，他想谈谈5种出色的工具，这些工具将使任何开发人员都能提高他们的生产力。这是一个视频，概述了这些工具。

初步说明

我知道阅读本文的人没有太多时间，因此在这里我仅简要介绍提供给您注意的工具。如果您喜欢某些东西，可以轻松地将其集成到您的工作流程中。另外，我想指出的是，我与这里考虑的任何项目无关。我只想与想让我受益的所有人分享。

1. Excalidraw

Excalidraw

如果您正在设计软件体系结构并且仍然绘制各种方案，那么您很可能喜欢 Excalidraw项目。该工具使您可以在浏览器中参与各种方案的团队建设。我们在 Devias，我们使用Excalidraw进行各种问题的集思广益会议，例如网站上的用户行为或我们的后端架构。如前所述，Excalidraw支持协作。而且，尤其是在隔离期间，当远程站点上有许多工作时，这尤其有用。该项目的唯一缺点是它的开放性和免费性，它不支持云数据存储，例如，它可以将工作结果保存到您的帐户中。但是，坦率地说，这并不是一个特别大的问题，因为可以将工作结果保存在本地，并在必要时将其上传回站点。

2. Nucleo图标过渡

Nucleo图标转换

现在让我们继续进行更实际的事情，并讨论一个小工具，该工具可让您在两个SVG图标之间生成转换。这是一个 Nucleo Icon Transition项目。您可以在此处配置过渡效果（缩放或旋转），选择触发过渡的事件类型（单击或悬停）。此工具会生成一个SVG文件，其中包含图标说明和负责过渡的JavaScript代码。该工具的本质是为图标提供脚本所使用的类。

为了将动画图标添加到项目中，只需加载生成的SVG文件并将其内容添加到HTML代码即可。这是该文件内容的样子。

自动生成的SVG文件

的内容这就是我得到的。

自动生成的动画图标

如果您打算对许多图标使用过渡效果，则可以使用脚本优化代码，因为到处都使用相同的脚本。

3.类型刻度

Type Scale

如果您像我一样经常从头开始创建网站，那么您很可能喜欢 Type Scale项目，该项目可以帮助您选择字体。它支持字体选择及其属性的自定义，例如大小和比例因子。使用包含各种元素的模板文本，字体设置立即显示在页面上。您可以导出包含字体选项的CSS代码。我通常在需要某些特殊字体并且不想花太多时间选择其参数时使用此工具。

4.漫游研究

漫游研究

我的生产力有助于维持待办事项清单的继续使用。为了维护此类列表，我使用了 Roam Research应用程序，其中包括使您与企业建立联系的方法。该项目使用某种特殊的标记语言。案例之间的关系允许您以互连实体的形式考虑待办事项列表，例如，这有助于了解某个想法的起源并分析与其实现相关的步骤。实际上，这个项目的运作方式很难解释，或者也许我只是不知道如何表达这样的想法。我几天前才开始使用Roam Research，但我必须说我真的很喜欢这个项目的想法。也许这是由于他敦促我创建简短的笔记来表达最重要的事情，而不是对我从未读过的案例进行冗长的描述。由于其新颖性，现在Roam Research是一个免费项目。但是我很确定它的免费选项将永远存在。

5.快乐的色调

Happy Hues

该工具适用于有点参与设计的开发人员。这与 Happy Hues项目有关。这不是一个应用程序，而是为那些不擅长选择调色板的人设计的资源。在此站点上，您可以找到许多预选的颜色组合。我想，要找到适合自己风格的东西根本是不可能的。例如，当我需要找到一种很好的颜色组合时，我总是会使用此资源，例如，当它需要相当高的对比度并通过了对内容可用性的测试时，便可以使用。

摘要

我刚刚与您分享了一些秘密工具，这些工具可以帮助我高效地工作。其中一些可能对您有用。如果您知道任何可提高Web开发人员生产力的有趣工具，请在评论中分享它们！

我们提醒您，我们正在继续进行预测竞赛，您可以在其中赢得全新的iPhone。仍有时间进行深入分析，并对主题价值做出最准确的预测。

5个免费的Web开发人员生产力工具