30 多个实用工具、应用和网站

如果你想看更多这样的内容😍，我们一定要在推特上互相关注哦！ 🤝看看我的推特主页，期待在那里见到你👍🏻

无论你是刚入行的新手还是已经在这个行业摸爬滚打了一段时间，每个人都想成为一名高效的开发者，并且享受自己所做的事情。

有时候，一款好工具、一个有用的网站或一款出色的软件可以彻底改变你的体验。

考虑到这一点，我整理了一份我最喜欢的工具清单，这些工具我每天都会在各个领域使用，例如沟通、开发、图形、电子邮件等等。

希望这份清单对您有所帮助，如果您觉得其他人也会觉得有用，请分享出去。您也可以在评论区补充您自己的建议，我会更新清单，让大家都能从中受益！

注：为了避免有人怀疑我另有图谋，我在此保证，以下所有链接均非推广或联盟链接。我100%使用并推荐列表中的所有产品，如果您也使用它们，我不会从中获得任何收益。我只希望，如果您觉得有用，请分享给其他人👉🏻

沟通

Coggle——我并不经常使用思维导图，但它确实是梳理思路及其分支的绝佳工具。Coggle 是一款非常现代化的工具，它集成了 Google Drive 和 Dropbox，并且支持多团队协作。
Draw IO——它也可以放在设计标题下，但 Draw IO 可以让团队从用户流程、树状图和架构布局中创建各种有用的实用程序图。
Franz——这东西有点难解释，但它提供了一种容器化的桌面应用，你可以把所有日常通讯应用都加载进去，从 Gmail 到 Teams、Slack、Skype、WhatsApp 等等。一个应用，所有应用！它是免费的，也是我“离不开”的应用之一。
Asana——我数字生活中另一大挚爱。Asana 让团队能够在一个集中化的平台上规划和跟踪工作。我也用它来追踪个人目标和项目。它就像一个功能强大的待办事项清单，融合了项目管理工具的功能，所有功能都隐藏在一个友好的用户界面之下。

Pixlr——一款免费的在线图像编辑器，拥有类似 Photoshop 的外观和功能。
Canva——我超级喜欢Canva！它是一款非常流畅、简单的在线图形创作工具，你可以用它创作几乎任何东西，从演示文稿、社交媒体帖子到博客标题，就像这篇文章中的图片一样。
Kraken——我使用 Kraken 来优化很多需要压缩图像并减小文件大小的图片。

CodeSandbox——在一系列易于配置的环境中测试更复杂的想法和项目。我经常用它来指导学生，因为它是代码共享的绝佳方式。
JS Bin——一个极其简单、直接的 JS 代码片段测试平台。
正则表达式入门- 没错，正则表达式是一门深奥而神秘的艺术。但是，如果你确实需要编写或测试正则表达式，那么“正则表达式入门”能让你的操作尽可能轻松。
Netlify——这个博客（如果您不是在开发者平台上浏览的话）就托管在 Netlify 上。Netlify 是一款面向 JAM Stack 应用的托管服务。它提供强大的开发者体验，拥有丰富的插件和集成，让您可以托管各种类型的在线应用，从单页应用 (SPA) 到网站等等。
Postwoman——我一直很喜欢用Postman来测试我的API，但Postwoman提供了一个非常棒的替代方案。它基于网络，开源，而且功能丰富，绝对值得一试。

ES6 指南- 一份实用指南，介绍大家最喜欢的语言 ES6 版本的所有主要特性。
Parcel JS是一个很棒的 Webpack 替代方案，可以满足您的 JS 项目打包需求。我写过一篇关于配置 Parcel 的文章，值得一看。
用 React Hooks 思考——我一直在推荐这篇文章，因为 Amelia Wattenberger 以一种无与伦比的方式解释了 React Hooks 相对于传统基于类的组件的优势，包括一个 Hooks 工具类库。
Unpkg - 如果你想通过 CDN 使用 NPM 库中的模块或包，那么 Unpkg 就是你的工具。

30 个你必须记住的 CSS 选择器- 一份简明指南，带你掌握今天必须学习的最佳 CSS！
Flexbox 完全指南- 我经常使用它，它是学习 Flexbox 各个方面的绝佳资源。
BEM（块元素修饰符）是一种流行的 CSS 类结构化方法。这是一份完整的指南，非常实用。
Tailwind CSS是一个实用性强、以功能为先的 CSS 框架，它提供了一种不同于“标准”CSS 样式和方法论（例如我们前面提到的 BEM）的方案。在The Front End Podcast 的第六集中也有关于它的精彩讨论。

Carbon——我真希望早点发现它，Carbon 是一个简单的代码编辑窗口，你可以在其中编写代码、设置样式，然后将其导出到 Twitter 或将其下载为图像文件。
HypeFury——我刚开始用它来管理我的推特账号，但它其实是一个推文队列和推广工具。它有很多功能，比如常青推文和智能日程安排。
Otter AI——我用它来转录我的播客节目，但你也可以用它来转录会议、讲座或几乎任何内容。转录结果非常准确且快速。
Zencastr——继续说播客，Zencastr 真是太棒了。它非常简单易用，并提供了一种独特的录制方式，可以录制多个音频流，每个嘉宾一个——这使得后期制作和混音变得非常容易。
Anchor提供了一站式解决方案，涵盖播客的录制、推广和分发。我使用它大约 6 个月了，它帮助我的播客节目《The Front End》迅速走红。
Notion——我经常用Notion。真的非常非常用！它提供简洁却强大的写作体验，还有一些非常棒的功能——比如将文案导出为Markdown格式。它还有海量的用途和页面布局可供选择。