5 个免费工具助您提高工作效率

1. Excalidraw

2. Nucleo 图标过渡

3.字体大小

4. RoamResearch

5. HappyHues

作为一名开发者，更高效工作的最佳方法之一就是使用那些能帮你减少代码编写量但提供相同价值的工具（这说得通吗？）。因此，在这篇简短的博文中，我将向你展示 5 款免费的超棒工具，它们将提升你的整体开发效率。如果你更喜欢视频内容，也可以观看我这段5 分钟的 YouTube 视频，其中我详细讲解了这些工具。

我知道您没有太多时间拖延，所以我只会列出每个工具的基本功能，而不是写冗长的营销描述。有点像一篇随时可用的博客文章。另外，我与这些产品没有任何关联，我只是想与您分享它们带来的价值。如果您觉得这些工具和我一样有用，请考虑关注我。

因此，我们不按特定顺序来介绍，先从一个名为

1. Excalidraw

如果您正在设计软件架构，例如流程图或其他相关图表，那么有一个很棒的工具叫Excalidraw，它可以让您立即与团队在浏览器中绘制图表。我们在Devias使用 Excalidraw来集思广益，构思网站的用户流程和后端架构。正如我之前提到的，您还可以邀请大家一起绘制图表，这真的很棒，尤其是在疫情隔离期间，远程协作至关重要。这款应用唯一的缺点是，由于它是开源且免费的，所以没有云存储功能，例如无法将工作保存在您的帐户中。但说实话，这没什么大不了的，因为您可以在完成后将文件保存在本地，然后像打开任何源文件一样打开它们。

2. Nucleo 图标过渡

现在，让我们来实际操作一下，使用 Nucleo 应用团队开发的一款小工具，它可以快速地从两个 SVG 图标生成图标过渡效果。您可以将过渡效果更改为旋转或缩放，还可以选择触发过渡的事件类型：悬停或点击。这款网页工具会生成一个包含两个图标的 SVG 文件，其中还包含实现此过渡效果的 JavaScript 代码。该工具的后台功能只是为脚本所针对的图标添加一些类。

要将动画图标添加到您的网站，请下载您刚刚创建的 SVG，然后将其添加到您的 HTML 中。

瞧：

如果您计划使用多个图标转换，您可以删除脚本，因为它对于所有图标都是相同的。

3.字体大小

如果您像我一样经常从零开始创建网站，那么您应该使用这款名为 typescale 的工具，它可以帮助您更快地创建字体。您可以根据所选字体和缩放比例导出 CSS 代码——缩放比例可以从小到大不等。您还可以为段落等内容添加辅助正文字体，这些段落可以拥有自己的字体，并且它们还会包含一些虚拟文本，以帮助您更轻松地配对字体。我个人在开始一个需要自定义字体的新项目时，都会使用这款工具，因为我不想浪费时间选择合适的行高、字号、字体等等。

4. RoamResearch

让我保持高效的方法就是列出每天需要完成的所有事情的待办事项清单，所以我在使用 Roam Research，这是一款有趣而又奇怪的待办事项应用程序，你可以在你的待办事项中以某种 markdown 语言引用其他待办事项。这种引用技术可以在你的列表之间建立互连，从而帮助你来回追溯待办事项的最初想法。这是一种很奇怪的解释方式，或者说我很不擅长理解，但我几天前才开始使用它，我必须说我真的很喜欢这个产品背后的想法，可能是因为它迫使我记下重要的小笔记，而不是记下我从来没读过的长篇大论。目前他们没有定价计划，因为这是一款新应用，但我很确定他们也会一直提供免费套餐。

5. HappyHues

现在，让我们来看看一个名叫 Happy Hues 的网站，它是一款面向兼职从事设计的开发者的工具。它实际上并非一款应用程序，而是一个为像我这样不擅长选择调色板的人提供的资源。这个网站提供了丰富的颜色组合供您选择，您不可能找不到适合自己风格的。每当我需要找到一个对比度高、通过可访问性测试的良好颜色组合时，我都会把它添加到我的书签中。

因此，这将是我的秘密应用程序列表，这些应用程序使我成为一个更高效的开发人员，我鼓励您尝试其中的一些，并在评论中告诉我您的想法，或者如果您对您生活中不可或缺的工具有建议，请在评论中告诉我们。

在YouTube / Twitter上关注我