It may be new but it is not a well-thought design.<p>110+ characters per line is hard to read and ugly [1].<p>Pure black on white has been discussed many times. While it satisfies min contrast requirements, it feels unnatural, and again, hard to read, causing eye strain [2][3]. Although this is not an issue on screens with automatic brightness adjustment, they are sadly not everywhere and it is wiser to target an average screen considering Mozilla auditory.<p>[1] <a href="http://practicaltypography.com/line-length.html" rel="nofollow">http://practicaltypography.com/line-length.html</a>
[2] <a href="http://ianstormtaylor.com/design-tip-never-use-black/" rel="nofollow">http://ianstormtaylor.com/design-tip-never-use-black/</a>
[3] <a href="https://ux.stackexchange.com/questions/23965/is-there-a-problem-with-using-black-text-on-white-backgrounds" rel="nofollow">https://ux.stackexchange.com/questions/23965/is-there-a-prob...</a>
Happy to see the new design looks similar to the old design, not an experimental new UI that removes half the information or puts everything behind things you need to expand or similar!<p>I always favor MDN over w3schools results when searching for a javascript, HTML, DOM or CSS property :)
I like how they're using the logo font for the headlines. As someone who already knows the new logo, this helps me connect MDN to the Mozilla brand more intuitively.<p>However, I'm just as concerned about the huge font sizes and high font weight as the majority here. It really distracts from the actual content.
There's an official thread for feedback over on the Mozilla Discourse: <a href="https://discourse.mozilla-community.org/t/beta-redesign-feedback/16544/21" rel="nofollow">https://discourse.mozilla-community.org/t/beta-redesign-feed...</a><p>I've posted the link to this thread over there along with a couple main points from the comments here so far, but if you really want to make sure your input is heard, you might want to hop on over there to give it. You can log in with a GitHub or Google account if you don't feel like signing up with your email.
That giant font works for Array.prototype.slice but what about CanvasRenderingContext2D.prototype.createRadialGradient or WebGL2RenderingContext.prototype.getActiveUniformBlockParameter?
>> For MDN that means bold typography that highlights the structure of the page, more contrast, and a reduction to the essentials.<p>And less actual content, forcing you to scroll or zoom out.
The bold headline steals attention away from the copy; it makes it much harder to focus on the actual content.<p>IMO they could try making the bold header a lighter shade to stop stealing focus. I much prefer the older one for readability.
Unrelated to the design, it irks me to no end that MDN's top search result for 'Array' is <a href="https://developer.mozilla.org/en-US/docs/Glossary/array" rel="nofollow">https://developer.mozilla.org/en-US/docs/Glossary/array</a> when the second result is so much better.<p>At least the ES6 Map has finally usurped the antiquated <map> as the top 'Map' result :)
That's not the problem with MDN. MDN's big problem has been a confusion of out-of-date versions of documentation. It doesn't help that they've tried hard to get developers to use Mozilla technologies, from Jetpack to Firefox OS, which were then abandoned.<p>Firefox's drop to 15% market share has a big effect on developers.
I've watched my add-on usage drop in lockstep with Firefox's market decline.
I wish they would stop and reverse Mozilla Open Design. In my opinion it has made all of their design worse and uglier and probably cost them money.<p>MDN looked and felt great to browse before, now the headline is absurdly misproportioned and in the wrong place (not in the text column).
That logo in the upper left needs some padding love. It looks like someone just found out about CSS background-color. A few pixels of padding would go a long way.
There is such a thing as a too big font. I think it happens when you feel like you physically have to move back from the screen to comfortably read the text.
While this new design looks good for documentation, it's also used on Firefox homepage where it makes it look like one of those domain squatter sites.
> - Too much contrast? Reduce screen brightness. (This has the beneficial side effect of increasing battery life on mobile devices.)<p>So, I have to make the rest of my UI unreadable, just because you prefer to use a cheap chinese 20$ screen which can’t even handle sRGB?