斜めグリッドを使ったデザインのウェブサイト集

ここ最近のことなのですが、綺麗なデザインのサイト集なんかを見て回っていると何度か斜めグリッドを基準にしたデザインのサイトを見かけました。 こういうの何て言うんでしょうね。斜めグリッドなのでDiagonal Grid Based Webdesignとでも言えばいいんでしょうか。 どのサイトも非常にインパクトが強く印象的だったので、数は少ないですが紹介してみようと思います。 Jessica CaldwellJessica Caldwell ポーランドのウェブ制作者さんのポートフォリオ。 各ブロックはli要素をtransform: rotate()して作られています。 ブロックは一つ一つがナビゲーションで、マウスを乗せるとアニメーションでメニューが表示されます。 Designer GlebDesigner Gleb / Graphic&Web Designer Gleb Leksikov フリー

[kussun]

「FONTS of CHAOS」は、以前フォントの紹介記事で見かけたけど、やはり洗練されてる感じ。斜めグリッドは、テキストの情報量が多いと不向きかもしれないですね。訪問者に違和感を感じさせたら負けだと思う。

[shushoku_maruji]

ナナメグリッドデザイン

[tyr777]

ななめグリッドサイト集

[nyanzou4649]

かっこいい！見難いけど

[cachico]

CSS3による斜めグリッドデザインのまとめ

[sutanto1983]

斜め　グリット　シンプル　まとめ

[nabemac]

斜めもいいなぁ

[nbqx69]

transform:rotate, transition

[saicolobe]

文字がななめってると初見では見にくい気もする。DIESELのサイトは画像のみ斜めになっていてかっこいい

[warriorking]

斜めグリッドを使ったデザインのウェブサイト集 | Unformed Building

[SpeedcoreTokyo]

斜めグリットレイアウトなWebデザイン[webデザイン]

[elsamaria]

どれも素敵///

[glat_design]

うおおおどれもかっこいい！！「リンク範囲は力技」ｗｗ 特にHTC Senseが個性あふれてる（ちょっと動きがキツいけど）

[yife]

そっか、HTML5+CSS3なら斜めも書けるんだ...