黄金比をサイトに取り入れるためのCSSグリッドシステム「Golden Grid System」

黄金比をサイトに取り入れるためのCSSグリッドシステム「Golden Grid System」をご紹介。

黄金比とは、「1:1.618033988..」からなる比率で、最もバランスが取れていると感じられる比率の事を指します。

画面の分割は、
ワイドスクリーン用に16分割、
タブレット用に8分割、
スマートフォン用に4分割しているようです。

メディアクエリを使用し、240〜2560ピクセルの画面サイズに対して、
バランスの取れたページを作れるとの事。

ただ、iPhone用のSafariに一部バグがあるのと、
IE6〜8に対してはIE用のクラスを作らないと行けないようです。

そのまま使えるフレームワークというわけではありませんが、参考にはなると思います。

作者の方はLess Frameworkを作った方のようです。興味のある方は下のリンクからどうぞ。