Mozilla 正在重新設計其開發者網站(MDN)

語言: CN / TW / HK

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 貢獻者。

重新設計的文章頁面(改進導航)

為文件頁面建立了更加連貫的檢視,包括:

  • 更一致的顏色和主題
  • 更好地標記不同程式碼,例如 HTML、CSS 和 JavaScript
  • 改進可訪問性,例如增加對比度
  • 添加了黑暗模式快速切換按鈕,

此外還有一些細小的體驗優化,比如 頁面內導航, 可以保持在滾動時顯示在頁面中的位置:

新的 LOGO 

社群投票選了個新的 LOGO,一個 M 字母組合,使用下劃線來表達寫程式碼的過程...

MDN  的下一步改造計劃是來利用新工具來探索改進的導航、生成標準化和支援總結,並將 MDN 文件嵌入開發人員最需要的地方: IDE、瀏覽器工具等工具中。此外,MDN Plus 即將推出,其中包含高階訂閱服務。

有關 MDN的更多訊息可以檢視Mozilla Hacks 部落格,或者直接訪問 developer.mozilla.org