DEV Community

Cover image for Learn All About MDN Web Doc's Newly Redesigned Website
Exceptional Programming
Exceptional Programming

Posted on

Learn All About MDN Web Doc's Newly Redesigned Website

MDN web docs (previously called Mozilla Developer Network or simply MDN) on March 1st, 2022 launched their newly redesigned website. This article will go over some of the exciting changes they made so you can get the most out of your future visits to their site.

A New Community-Centered Homepage

Everything MDN does revolves around the community of developers that either contributes to it or use it as a reference point for their projects. The homepage now reflects this through a centrally located search bar making it easily accessible for the MDN community as well as a featured articles section and a list of the newest additions to the Github content repo. Finally, at the bottom of the page, there is a contributor spotlight area that displays a personally written from a member of the MDN community.

Improved, User-Friendly Article Pages

With a five-year gap between any major alterations to the design of the article pages, MDN felt it was crucial for a new look to be implemented. Now, for instance, there is a more homogeneous color scheme across all of the article pages, and larger display links to the most often searched subjects like CSS and Javascript. Another cool feature added is at the top right-hand corner of the screen you have the option of clicking on a button to change between a light or dark screen mode. You can check out an article page for yourself here.

Community Picked New Logo

MDN recognized that with a newly retooled website that it only fitting to include a new logo. MDN wanted a logo that was very contemporary but also showed the core essence of what they stood for as a brand. The MDN community had the opportunity to choose between 8 logo designs with the number one choice being the letter “M” in a monogram font with an underscore symbol to represent the process of code writing.

Hope this article was helpful in learning some of the new features to the MDN site. You can check out some of my other posts here.

Top comments (0)