IT资讯 Mozilla 正在重新设计其开发者网站(MDN)

hawthorne · 2022-03-02 09:30:08 · 热度: 26

Mozilla 正在重新设计其开发者网站(Mozilla Developer Network,简称 MDN),计划对整个网站进行现代化改造,目前已完成了多项用户体验改进。

Mozilla 开发者网站自 2005 年以来一直在记录各种 Web 技术,包括 CSS、HTML 和 JavaScript 等类型的前沿信息,为 Web 开发者提高开放、详细的文档以及广泛的 Web API 参考,是 Web 开发者的宝贵资源站点。

在长达 16 年的历史中,MDN 经历了许多变化,从早期作为 wiki 页面,到最近迁移一个由 GitHub 支持的静态站点。目前 MDN 已拥有超过 45,000 名贡献者,,包括众多开发人员和设计师。

从 2021 年中开始,Mozilla 计划对整个 MDN 开发者网站进行重设,以增强用户体验,目前主要完成以下几方面:

新的主页

新主页的构建侧重于社区和简单性的核心概念,将改进的搜索作为页面的中心元素,同时还向用户展示最新和阅读次数最多的文章。 

此外,新主页还将展示 MDN GitHub 内容存储库的最新动态,并添加了一个贡献者聚光灯,在其中突出 MDN 贡献者。

Mozilla 正在重新设计其开发者网站(MDN)

重新设计的文章页面(改进导航)

为文档页面创建了更加连贯的视图,包括:

  • 更一致的颜色和主题
  • 更好地标记不同代码,例如 HTML、CSS 和 JavaScript
  • 改进可访问性,例如增加对比度
  • 添加了黑暗模式快速切换按钮,

Mozilla 正在重新设计其开发者网站(MDN)

此外还有一些细小的体验优化,比如页面内导航,可以保持在滚动时显示在页面中的位置:

Mozilla 正在重新设计其开发者网站(MDN)

新的 LOGO 

社区投票选了个新的 LOGO,一个 M 字母组合,使用下划线来表达写代码的过程...

Mozilla 正在重新设计其开发者网站(MDN)

MDN  的下一步改造计划是来利用新 工具 来探索改进的导航、生成标准化和支持总结,并将 MDN 文档嵌入开发人员最需要的地方: IDE、浏览器工具等工具中。此外,MDN Plus 即将推出,其中包含高级订阅服务。

有关 MDN的更多消息可以查看 Mozilla Hacks 博客,或者直接访问 developer.mozilla.org

猜你喜欢:
暂无回复。
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册