新しいものを制作できる予感！垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css

Documentation -xy.css Step 1: ダウンロード xy.cssを下記ページからダウンロードします。 ダウンロード -xy.css Step 2: 水平のグリッド設計 HTMLは非常にシンプルで、classなど余計なものは一切ありません。 <header></header> <article></article> <aside></aside> <footer></footer> 天地にヘッダとフッタ、コンテンツとサイドバーを2カラム水平に配置します。 header, footer { width: 100%; } article { width: 66.6667%; float: left; } aside { width: 30.769231%; float: right; } Step 3: 垂直のグリッド設計 articleとaside内に、見出しとパラグラフ

[toaruR]

IE未対応か orz

[kupoe]

[html/css][design(w][framework][]垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク

[bitgleams]

2013年1月18日

[kazutan711]

これは気になる

[shirado]

テンプレート

[lilac001]

テンプレート

[hanagejet]

コレすごいと思った！今度やってみるっす。

[mustache_york]

かくいぃ！

[warriorking]

新しいものを制作できる予感！垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css | コリス

[margaman]

レイアウト

[typista]

ぽけったー 新しいものを制作できる予感！垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css

[tak4hir0]

垂直のリズムに弱い今までのグリッドとは異なり、垂直・水平のリズムを自由に設計できるマトリックス状のレイアウトが実装できるCSSの1ファイルの軽量フレームワークを紹介します。 トップページのx軸・y軸を使ったレ

[sisicom]

使ってみると面白そう

[Donca]

✔ 新しいものを制作できる予感！垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css