黄金比をサイトに取り入れるためのCSSグリッドシステム「Golden Grid System」をご紹介。 黄金比とは、「1:1.618033988..」からなる比率で、最もバランスが取れていると感じられる比率の事を指します。 画面の分割は、 ワイドスクリーン用に16分割、 タブレット用に8分割、 スマートフォン用に4分割しているようです。 メディアクエリを使用し、240〜2560ピクセルの画面サイズに対して、 バランスの取れたページを作れるとの事。 ただ、iPhone用のSafariに一部バグがあるのと、 IE6〜8に対してはIE用のクラスを作らないと行けないようです。 そのまま使えるフレームワークというわけではありませんが、参考にはなると思います。 作者の方はLess Frameworkを作った方のようです。興味のある方は下のリンクからどうぞ。
![黄金比をサイトに取り入れるためのCSSグリッドシステム「Golden Grid System」 | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/94b209a15bbe50513e4de7a0492f4def19993528/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F08%2F20110819-01.jpg)