Web 开发人员的必备工具 - 第二部分

介绍

小型开发工具

代码MyUI

萨斯朗

StackEdit

网站速度测试

联系我🔗

结论

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

介绍

第二部分是网页开发者必备的超棒工具。你一定很喜欢第一部分。

那么，让我们深入了解一下这些资源。

小型开发工具

为开发者提供的免费工具，例如编码器/解码器、HTML/CSS/Javascript 格式化程序、压缩程序、虚假或测试数据生成器等等。

小型开发工具提供了一系列在程序开发和测试过程中使用的工具。具体来说，他们的网站上列出了 28 种工具。这些工具代码量虽小，但却非常实用。

这些工具包括：

• 测试数据生成器
• Lorem Ipsum 生成器
• 信用卡生成器
• HTML 转 Markdown 转换器
• 二维码生成器
• 还有更多

您可以访问他们的网站了解其他工具。

代码MyUI

精选网页设计与用户界面灵感合集，附带代码片段。✅ GIF预览 ✅ HTML CSS 代码复制粘贴。

CodeMyUI 是一个用于 Web 开发的代码片段网站。它提供 GIF 和视频形式的实时预览。代码片段以 CodePen 的形式呈现。借助 CodePen，您可以轻松地自定义代码片段并将其应用到您的设计中。

萨斯朗

拥有超强功能的 CSS。Sass 是世界上最成熟、最稳定、最强大的专业级 CSS 扩展语言。

Sass 是一个预处理器，它扩展了 CSS 的功能。它具有多种强大的功能，例如：

• 使用变量
• 嵌套选择器
• 函数

您可以通过“Sass 的主要特性”了解 Sass 的特性。

StackEdit

基于 PageDown 的全功能开源 Markdown 编辑器，PageDown 是 Stack Overflow 和其他 Stack Exchange 网站使用的 Markdown 库。

Stack Edit 是一款功能丰富的 Markdown 编辑器。它带有工具栏，方便您在剪辑中添加 Markdown 代码。您可以并排查看代码和预览帧，实时了解输出结果。

网站速度测试

找出您网站的加载速度

网站速度测试是 KeyCDN 提供的一款工具。它可以从 10 个不同的位置运行测试，并提供与网站加载速度相关的分析数据。此外，它还会根据您的网站情况，提供一些提升网站速度的建议，例如移除未使用的 JavaScript 代码。

分析结果将以饼图的形式呈现，以便于理解数据。

联系我🔗

叽叽喳喳

LinkedIn

结论

感谢阅读这篇博文。希望我的文章能帮助你发现一些提升工作效率和创造力的工具。

你可以关注我，了解本系列的后续内容。