Confirmed users
504
edits
MDN/Development/Redesign/Whitespace: Difference between revisions
MDN/Development/Redesign/Whitespace (view source)
Revision as of 09:53, 21 November 2013
, 21 November 2013→Comments from Jean-Yves
| Line 29: | Line 29: | ||
Here is an attempt to solve this. I have labeled the different changes so that we can easily refer to them individually. | Here is an attempt to solve this. I have labeled the different changes so that we can easily refer to them individually. | ||
==== Home page, top ==== | |||
[[File:Screen_Shot_2013-11-18_at_12.13.46.png|1000px]] | [[File:Screen_Shot_2013-11-18_at_12.13.46.png|1000px]] | ||
| Line 42: | Line 44: | ||
D. I reordered the items in the logical way: HTML -> CSS -> JavaScript -> API and added the three buzzword that people are likely to look for (HTML5/CSS3/DOM). Note that A/B testing has been done by Luke around HTML5. | D. I reordered the items in the logical way: HTML -> CSS -> JavaScript -> API and added the three buzzword that people are likely to look for (HTML5/CSS3/DOM). Note that A/B testing has been done by Luke around HTML5. | ||
==== Home page, bottom ==== | |||
[[File:Bottom_MDN_Redesign.png|1000px]] | [[File:Bottom_MDN_Redesign.png|1000px]] | ||
| Line 50: | Line 53: | ||
G. I didn't reduced the size of the footer, but making it transparent (and its consequence on the text color of its content) make it a stronger clue that we reached the end of the content. | G. I didn't reduced the size of the footer, but making it transparent (and its consequence on the text color of its content) make it a stronger clue that we reached the end of the content. | ||
==== Article, with quick links, top ==== | |||
[[File:Quick Links - top.png|1000px]] | [[File:Quick Links - top.png|1000px]] | ||
| Line 58: | Line 62: | ||
J. Janet pointed the large space in <dl> list. And indeed the spacing after the <dt> was a bit too big. | J. Janet pointed the large space in <dl> list. And indeed the spacing after the <dt> was a bit too big. | ||
==== Article, with quick links, bottom ==== | |||
[[File:Article quick links bottom.png|1000px]] | [[File:Article quick links bottom.png|1000px]] | ||