The MDN Doc Center (as the documentation part of the Mozilla Developer Network will be known going forward) is getting ready to receive a new look, which will help it match better with the rest of the MDN web site.
We’ve put a few iterations into the design, trying to maximize the amount of your browser window will contain the actual documentation you want to read, while still making the required user interface options available. I think the design team has done a good job here, and I’d like to share the look with you now.
Key features of note here:
- The header area at the top of the page is now vertically much smaller than it is currently (and vastly smaller than the rest of the MDN site). This maximizes screen real estate on modern widescreen displays — especially on netbooks.
- The breadcrumbs bar has been moved more obviously up into the header, and is smaller than it currently is, making room for our increasingly hierarchical site layout.
- The tags area at the bottom of the page is much prettier than in the current site, and should present a nicer interface for editing the tags than we have currently.
- The drop-down menus for accessing page and site features have been moved into the main header area, alongside the breadcrumbs, again reducing the amount of space the header area takes up.
There are still some iterations to be done on nailing down final details, but the scripting work has largely been done for the first draft, and we hope to have a version of this skin staged on a test version of MDC soon, so people can give it a try and offer feedback. I’ll be sure to blog further as we close in on that!