StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Its new home is:</p> <ul> <li><a href="http://msdn.microsoft.com/en-us/library/ms123401.aspx" rel="nofollow noreferrer">MSDN Library</a> <ul> <li><a href="http://msdn.microsoft.com/en-us/library/ee663300%28v=VS.85%29.aspx" rel="nofollow noreferrer">Windows Development</a> <ul> <li><a href="http://msdn.microsoft.com/en-us/library/ff657751%28v=VS.85%29.aspx" rel="nofollow noreferrer">Windows Application UI Development</a> <ul> <li><a href="http://msdn.microsoft.com/en-us/library/aa511258.aspx" rel="nofollow noreferrer">Windows User Experience Interaction Guidelines</a> <ul> <li><a href="http://msdn.microsoft.com/en-us/library/aa511440.aspx" rel="nofollow noreferrer">Guidelines</a> <ul> <li><a href="http://msdn.microsoft.com/en-us/library/aa511275.aspx" rel="nofollow noreferrer">Visuals</a> <ul> <li><a href="http://msdn.microsoft.com/en-us/library/aa511279.aspx" rel="nofollow noreferrer">Layout</a> → <a href="http://msdn.microsoft.com/en-us/library/aa511279#sizingspacing" rel="nofollow noreferrer">Recommended Sizing and Spacing</a></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul></li> </ul> <p>e.g.:</p> <blockquote> <h2>Control sizing</h2> <p>The following table lists the recommended sizes (width x height, or height if a single number) for common UI elements (for 9 pt. Segoe UI at 96 dpi). The widths based on the longest item in English add 30 percent for localization (up to 200 percent for shorter text) for any text (but not numbers) that will be localized. </p> <p><strong>Command Buttons</strong><br> <a href="http://i.msdn.microsoft.com/dynimg/IC108660.png" rel="nofollow noreferrer">http://i.msdn.microsoft.com/dynimg/IC108660.png</a><br> Dialog Units: 50 x 14<br> Relative Pixels: 75 x 23</p> <h2>Spacing</h2> <p>The following table lists the recommended spacing between common UI elements (for 9 pt. Segoe UI at 96 dpi).</p> <p><strong>Dialog box margins</strong><br> <a href="http://i.msdn.microsoft.com/dynimg/IC133661.jpg" rel="nofollow noreferrer">http://i.msdn.microsoft.com/dynimg/IC133661.jpg</a><br> Dialog Units: 7 on all sides<br> Relative Pixels: 11 on all sides</p> <p><strong>Text label beside a control</strong><br> <a href="http://i.msdn.microsoft.com/dynimg/IC71497.jpg" rel="nofollow noreferrer">http://i.msdn.microsoft.com/dynimg/IC71497.jpg</a><br> Dialog Units: 3 down from the top of the control<br> Relative Pixels: 5 down from the top of the control</p> </blockquote> <hr> <p>There's also the page that explains what Dialog Units are: <a href="http://msdn.microsoft.com/en-us/library/bb847924" rel="nofollow noreferrer">Layout, Device Independent Layout</a>:</p> <p><img src="https://i.stack.imgur.com/FrFa2.png" alt="enter image description here"></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload