モダンCSSにおける黄金比とは？ | CREAMU

CSSでのレイアウトに黄金比を取り入れたい。 そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。 このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px が左カラム、960 – 593 = 367pxが右カラムになるといったように、黄金比を取り入れたレイアウトの方法が解説されている。 その他にも、 line-height = font-size x 1.62 paragraph margin = paragraph line-height x 1.62 / 2 といったような設計の例が紹介されている。 結論としては、 Many people will argue, that this technic is an utopia and we cannot spend time coding ne

[t32k]

- Tags: #design

[take-june]

こういうの見て良いと思うんだけど、作るときには何故か忘れてる不思議。

[suksuk]

黄金比。考えてみようか。

[YTPX]

ポイントは、62%と38%という割合を我々が分割するすべてのものについて考えてみるということだ。

[ohnishiakira]

960pxの場合、593pxと367pxで分ける。62%と38%。

[teppeis]

62%:38%

[harumomo2006]

はやい話が1.62

[longroof]

【Web】モダンCSS

[tominaga]

ある程度決まった幅ってあるのね。