🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

StayGolden is a cool and interesting jQuery plugin that dynamically generates a responsive grid layout based on the Golden Ratio.

grid-layout grid

Documentation

StayGolden

Thanks for checking out StayGolden! (and its quick'n'dirty readme)

StayGolden is a pretty simple jQuery plugin built for the purpose of generating page layouts. This is achieved by cycling through a series of sibling DOM elements and sizing them relative to their previous sibling using the golden ratio (1.618 for short).

What in the heck is the golden ratio you say? This wikipedia article describes the concept way better than I probably can: http://wikipedia.org/wiki/Golden_ratio

TL;DR - The golden ratio is a cool proportion that a bunch of people think is aesthetically pleasing.

Check out the demo.... http://hartz89.github.io/StayGolden.js/demo.html

....and feel free to help improve the code or add new features! One really nice-to-have but tricky-to-implement feature would be to allow users to choose different patterns in which to arrange the elements- snake (as it is now), spiral, etc.


You May Also Like