Mattune

使用方法は自分でサンプルサイトを解析する必要がありますが、全然難しくないので、そんなに怖くないです(・∀・)

と、まぁ便利なものを見つけたいいが、やっぱり実際に使ってみないことには効果がわからない。

という事で、実際にサンプルサイトを作ってみたんですが、作り始めるとこれが別の意味でおもしろい！というか、サンプルのネタにエヴァンゲリオン各話のタイトル使った時点でアウトです。

ボクの中に変な創作意欲が沸いてきましたから（＾ω＾；）

やぁってやるぜっ！！

最初は、「おおー！画面を縮めたらふわっとフロートするー！ヽ(*´∀｀)ノ ｷｬｯﾎｰｲ!!」

だったんですが、ボックスレベルでリンクはできるのか？と聞かれ、jquery.biggerlink.jsと連携できるのか試してみて成功すると（この時点でテンションが変わる）どんどん欲が沸いてきました。
だったらマウスオーバーの時に背景画像を変更してやろうと思い、ほとんど触ったことのないjavascriptの手書きに挑戦する。（何も知らないので3時間くらい格闘しました....）

うはっ！上手くいった！！ヽ(*´∀｀)ノ ｷｬｯﾎｰｲ!!
やればできるやんかー！

と、この時点で満足しとけばまだよかったんですが、ここまできたら、全話紹介したろうやないかー！ってなり、全26話分のページまで作ってしまいました。
...ええ、アホです。

そんな訳で前置きが非常に長くなりましたが、実際に作ったサンプルサイトのご紹介。
http://www.mattune.jp/test/gridlayout/

ディレクトリがgridlayoutってところが最初と最後の温度差の表れですねwww

今回は使用した画像が背景画像くらいしかなかったので、デザインとしてはかなり手抜きですが、リキッドレイアウトの勉強としてはこういうサイトデザインの方がいいのかなーとも思いました。

いやー、楽しかった！
今度はゼーガペインで作ってみようかな。(｀・ω・´)

ではではー。

各話のテキストはエヴァンゲリオンの思い出様から引用させていただきました。