Databases
StackOverflow2013
Postsdbo
POGolden ratio, with or without padding/margin?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGolden ratio, with or without padding/margin?
    primarykey
    data
    text
    <p>Lets say I have 1000 px wide 2 column layout with 100 px gutter space (margin) and 50px on the left and right.. How do I apply the golden ratio to this layout?</p> <p>Method One</p> <pre><code>c1+c2=800px; c1/c2=1.618; =&gt;c1= 495px and c2= 305px 50px, column 1 (495px), 100px, column 2 (305px), 50px </code></pre> <p>Method two calculate the column widths ignoring the margins.</p> <pre><code>c1+c2=1000px c1/c2=1.618 =&gt;c1= 618px c2=392px </code></pre> <p>effective column width after adding the margins/paddings</p> <pre><code>c1=618px -100px = 518px c2=392px -100px = 292px 50px, column 1 (51), 100px, column 2 (305px), 50px % difference in two methods 518-495/518= 4% </code></pre> <p>The 4% difference would not make any any difference, but the % difference will be more when dealing with narrow layouts.</p> <p>If you see this article, <a href="http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/" rel="noreferrer">http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/</a></p> <p>In the first example they took padding out of the golden ratio, and in the other they made padding part of the GR.</p> <p>Can someone please suggest which method is better. </p> <p>I'm developing this layout for a customizable wordpress theme, I'm providing an option to pick fluid layout. I cannot use the first method with golden ratio ( Can I ?? ). </p> <p>Can I use method 2 without losing the harmony that GR brings to the design.</p> <p>Please include the links and ref supporting your answer.</p> <p>PS: I posted this question in graphic design section before, I was suggested to post it here. I hope I'm not violating any rules.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USKyle
    1. USSatish Gandham
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POGolden ratio, with or without padding/margin?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POGolden ratio, with or without padding/margin?
      1. USMy Head Hurts
      1. VTFavorite
    3. VO
      singulars
      1. POGolden ratio, with or without padding/margin?
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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