Screenshot of the new MDN homepage showing a search modal with the text 'Launching MDN's new front end 🎉' and search results for HTML, CSS, JavaScript, Web APIs, and SVG, with highlighted keywords and the MDN logo on the right.

MDN 新前端发布

阅读时间 2 分钟

作为我们平台架构向前迈出的重要一步,我们正在为 MDN 推出一个完全重建的前端——从头开始重新设计和重新打造。经过数月的工作,Mozilla MDN 团队今天自豪地发布了这一重大更新。无论您是在查看最新的 Web API,还是在温习 HTML 基础知识,您都会立即注意到更简洁的界面和改进的体验。

我们有意针对 Baseline“广泛可用”功能来决定使用哪些功能,并在使用任何 Baseline“新可用”功能时进行 polyfill 或渐进式增强。这意味着我们能够为我们的 UI 采用现代 CSS 和 Web 组件。我们将在即将发布的文章中深入探讨所有的实现细节。

界面改进

除了这次架构大修之外,我们还对网站进行了一些更新,以提高可用性和可读性,重点是改进和一致性,而不是进行大幅度的剧烈改变。

我们已:

  • 改进了排版以提高可读性。
  • 添加了代码字体,以在不同平台上提供一致且高质量的代码渲染。
  • 使用 Lucide 库更新了图标。
  • 添加了一个新的搜索模态框,让您可以从 MDN 上的任何位置快速查找内容。
  • 重新设计了顶部导航,以帮助您更轻松地发现 MDN 提供的所有内容。

Comparison showing an MDN's reference page before and after.

接下来是什么

我们致力于让 MDN 不断发展和改进。在继续迭代的过程中,MDN 团队欢迎您的反馈。请随时通过我们的 Discord 在 #platform 频道与我们交流。如果您发现任何问题,请在 fred GitHub 存储库中提出。告诉我们哪些方面对您有效,以及我们在哪些方面可以做得更好——毕竟,MDN 是由开发者为开发者构建的。