Natsu’s iPhone App renew ドロップダウンと分岐

Natsu’s iPhone Appのリニューアルが完了した。

今回このページを作るにあたってのハードルは、
・プロダクト名をドロップダウンさせる
・カテゴリ毎のアーカイブのデザインが全く異なる
・カテゴリ毎の個別記事のデザインが全く異なる
・英語と日本語のページがあり、それぞれ個別記事からのリンクを分けないといけない
だった。

まずドロップダウンだが、一見簡単なこの
マウスを載せるとメニューが てろん と降りてくるアレなのだが、
実際やろうとするとliとulの競演でこれがなんかもう
とても苦手。勝手にインデントつくし。liとulって。
natsu.jpg

で探したところ、droppyというgoogle先生のjQueryを利用した
javascriptコードがあったのでこれを使った。

ulとliにさんざん悩んで、結局このページのデモがほぼ
ドンぴしゃだったので使わせてもらっている。

カテゴリ毎、個別記事のカテゴリ毎の分岐はまあさんざん悩んだのだが
ここはうまく文章にできそうにない。

MT4.27のバグのおかげで分岐が複雑化し、
ソースがもうめちゃくちゃ長くなってしまった。
ソフトウェア的知識がないので、たぶんもっと効率のよい方法はありそうなのだが。。
これから徐々にモジュール化する予定。。

毎回だが@ckyのデザインはすごい。

するりと作ってきて、
単にそれを形にするだけなのにこちらは一苦労。
まあこれはプロダクトデザインにも言えるけどねー