# MDN Redesign

**URL:** <https://forum.kirupa.com/t/mdn-redesign/650958>\
**Category:** web dev\
**Created:** [March 1, 2022, 5:27pm UTC](https://forum.kirupa.com/t/mdn-redesign/650958 "2022-03-01T17:27:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\
**Post date:** [March 1, 2022, 5:27pm UTC](https://forum.kirupa.com/t/mdn-redesign/650958/1 "2022-03-01T17:27:14Z")

</div>

Blog: [A new year, a new MDN - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/)

See it live: [https://developer.mozilla.org/](https://developer.mozilla.org/)

Screenshots:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/9/b/9bc303966e610e32fe5be23d2d7ec039f6b86ceb.png)  
Home Page

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/f/a/fa2ee4be7263ee1c3686a9de078806d2f7536e0d.png)  
JavaScript Tutorial (Prototypes)

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/e/e/eed10a6aed67dd977ea34edccea187ab738fd20a.png)  
Specifications and compatibility table (fetch)

* * *

So far, I don’t like it 😕 . Maybe I’ll grow to like it but it seems too simple and I’m not a fan of the color scheme(s).

---

<div class="post-metadata">

**Author:** ![steve.mills](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/steve.mills/32/14961_2.png) [@steve.mills](https://forum.kirupa.com/u/steve.mills)\
**Post date:** [March 1, 2022, 11:26pm UTC](https://forum.kirupa.com/t/mdn-redesign/650958/2 "2022-03-01T23:26:03Z")

</div>

TBH apart from colour scheme and “related articles” box I’m not seeing the changes…

Methods/ functions/ objects still have properties. syntax, parameters, return value, example, browser support and the related methods/ parent drop down column.

I mostly use MDN for quick reference and Google dev for more in depth use cases.

Then if I want to take a really deep dive I look at your JS tips of the day 🙂

Ive also been thinking of doing up an MDN cheat sheet for all things JS.

Maybe like a table with parent Object, properties (read write ect), methods (args, return val, example)…

I find it more useful to be able to look at a sheet of paper pinned near my monitor than scroll through MDN.

---

<div class="post-metadata">

**Author:** ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)\
**Post date:** [March 5, 2022, 9:39pm UTC](https://forum.kirupa.com/t/mdn-redesign/650958/3 "2022-03-05T21:39:38Z")

</div>

Seems okay to me; since the redesign doesn’t seem to get in the way of the content any more than the previous design did.

Search behaves more like a filter than search… which is a bit annoying because I had to consult one of my own repos to find the name of `Element.getClientRects`. (I knew it was plural, but thought it had `Bounding` in the name like `getBoundingClientRect`.)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 6, 2022, 2:53pm UTC](https://forum.kirupa.com/t/mdn-redesign/650958/4 "2022-03-06T14:53:29Z")

</div>

The redesign has some nice elements to it. I do miss some of the quirkiness the first MDN had years ago. With each redesign, they go further into being more “professional” 🧳