首页 > 自考资讯 > 自考知识

mozilla developer network,mozilla support

头条共创 2024-06-27

生产| 开源中国

文| 罗琪琪

Mozilla 重新设计了其开发者网站(称为Mozilla 开发者网络,MDN),计划对整个网站进行现代化改造,并已完成多项用户体验改进。

自2005 年以来,Mozilla 开发者网站一直在记录各种Web 技术(包括CSS、HTML 和JavaScript)的前沿信息。为Web 开发人员提供开放、详细的文档和广泛的Web API 参考。

在其16 年的历史中,MDN 经历了许多变化,从早期的wiki 页面到最近过渡到由GitHub 提供支持的静态网站。 MDN 目前拥有超过45,000 名贡献者,其中包括许多开发人员和设计人员。

从2021 年中开始,Mozilla 计划重新设计整个MDN 开发者网站,以改善用户体验,目前主要完成了以下几个方面:

新主页

新主页的构建重点关注社区和简单性的核心概念,增强的搜索功能作为页面的中心元素,同时还向用户展示最新和阅读最多的文章。

此外,新主页还展示了MDN GitHub 内容存储库的最新更新,并添加了贡献者聚焦来突出显示MDN 贡献者。

23b53cedb57347cab4915a2f1f15899b~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720088678&x-signature=%2Fznac85CvWhr4XFpq1g4SFIn0vY%3D

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

我们为您的文档页面创建了更加一致的视图,包括:

更一致的颜色和主题

改进了各种代码的标记,包括HTML、CSS 和JavaScript

通过增加对比度等来提高可访问性。

添加了黑暗模式的快速切换按钮。

f61d14f525cc42118105e82dcac694d9~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720088678&x-signature=KkoRf%2Beq1IAlnhJlIwgCLiFDj0Y%3D

此外,还有一些小的体验优化,例如页内导航,可让您在滚动时保持在页面上的位置。

0b627ddc55bf4947806ff22c8670423c~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720088678&x-signature=r1KBxmOGVQ4HvKPpWgvDNJuGr2c%3D

新标志

社区投票选出了一个新标志,它是字母M的组合,并使用下划线来代表编写代码的过程。

3bd5b48549a348c5af791c1e85c32fdc~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720088678&x-signature=Fz5cvzIlTLuEHmZX55SsEi%2BuTN0%3D

MDN 转型的下一步是利用新工具来探索导航改进、生成标准和支持摘要,并将MDN 文档带到开发人员最需要的地方(IDE、浏览器工具等)。这就是嵌入。此外,包含高级订阅的MDN Plus 即将推出。

版权声明:本文由今日头条转载,如有侵犯您的版权,请联系本站编辑删除。

猜你喜欢