Movable Type でグリッドレイアウトをやってみた。(jquery.vgrid.js)

| コメント(0) | トラックバック(0) |

可変するグリッドレイアウトを良く目にするようになりました。


「ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ」


こちらの記事でサイトや技術をまとめて紹介されていたのに触発されて、MTでやってみました。

といっても、Xlune::Blogさんの「可変グリッドレイアウトのjQueryプラグイン書いたよ」にあるjquery.vgrid.0.1.2.jsのサンプルを使ってみただけなのですが。。。


取りあえずMTのテンプレートをリキッドにして、記事リスト部分(左カラム:DIV alpha)をグリッドレイアウトにしてみようという試み。

結果はこんな感じです。(クリックで実際のページを開きます)

http://www.rapidlymage.com/contents/images/grid.jpg

一応IE6でもCSSの調整を掛けてみてますが、どうでしょうか?

トラックバック(0)

トラックバックURL: http://www.rapidlymage.com/mt4/mt-tb.cgi/337

コメントする

Recent Blog Entries

Waikiki Parc Hotel : Honolulu : Hawaii (ハワイのホテル)
Xperia (Android) 入れてみた無料アプリのピックアップ。2010/04/26
今更ながらPhotoshopでHDRつくってみた。
Adobe BrowserLabが使えるようになっていた。
SQ28m:トイデジカメをまた買いました。

Recent Study Entries

今更ながらPhotoshopでHDRつくってみた。
Movable Type でグリッドレイアウトをやってみた。(jquery.vgrid.js)
OpenFileCMSが凄い:WEBファイルマネージャーの進化

Recent Memo Entries

unique="1" だった
Google日本語入力をMacに入れてみた。
StageHD v3とVReel Beta

BLOG CATEGORY

ブログ記事 ARCHIVE