Skip to content

Golden Ratio Generators

October 24, 2012

)Not sure how to divide your web document?  Still guessing on the navigation dimension and just eye-ing it?  Why not use the golden ratio to create a meaningful column and row dimension.   Proportion is key in providing a pleasing and well-balanced layout for web document.  Here are two generators that you may want to try when deciding on your footer’s dimension:  Enjoy!, this site provides a CSS golden ratio generator.  The generator provides a preview on how the page is divided per golden ratio; as well as, the CSS attributes. (, this site is another layout generator.  It automatically calculates the padding, margins, and etc.  Furthermore, it provides the code.


3 Comments leave one →
  1. October 26, 2012 11:14 am

    The first link is broken!

    But the second link works. This is really cool and definitely a good tool. I wonder if there is a browser plug-in for something similar? This definitely would of saved me time on some of our previous assignments when we had to insert images.


  2. October 26, 2012 6:33 pm does this work?

  3. October 26, 2012 7:40 pm

    Wow this is very helpful. I will definitely take a look at this for the final project.

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: