★ソラマメの記事のデザインをHackする！-Case1-

【第 175 話】 ソラマメには美女の画像がいっぱい - グリッドデザイン編 -
[The story 175] Fortunately, you have lots of pics of beauty in this blog portal
- Talking about the grid system Chapter -


★あのですね、じつはですね、ココだけの話しなんですが、・・・Wolf せんせはランジェリー
ショップが忙しくてソラマメどころじゃなかったらしいよ。

それがですね、なんとですね、・・・インポート専用の新しいランジェリーショップも始めるらしいよ。

・・・ふぅん。ソラマメに新しいテンプレートが準備されたんだぁ・・・。

そしてですね、Wolf せんせはですね、・・・リアルの売り上げでも余裕が出てきたから、年の瀬
に向け再びデザイン講座でも始めるらしいよ。- by Lovely Wolf -



★して今日のタイトルは、「ソラマメの記事のデザインをHackする」ということらしいが、何をするのかというと・・・。

・・・この記事に、3行×3列で 計 9人の美女を並べてみた。




# 素材協力
Model & Photo： tea
http://tea.slmame.com

・・・勝手に素材を使わせてもらいました。すみません。orz



★数年前までは、<table> タグでグリッドデザインをするのが当たり前だったが、今やSEO 的に<li> タグを使うのが定番らしく、<table> タグは窓際に追いやられてしまったようだ。

死ぬほど暇だったので、画像をマウスオーバーしたときにズームするようにしてみた。今回の講座では、JavaScript を使わずにスタイルシートの指定だけでインタラクティブに反応するHack を紹介する。

どうでもいいけど、もう眠いし、スタイルシートの解説はまた今度ということで。