• カミナリツイッターカミナリtwitter
  • カミナリフェイスブックカミナリfacebook
  • カミナリインスタグラムカミナリinstagram

山陰の情報を発信するカミナリ

ナビ

02

AUGUST

ウェブTUESDAY 2016 / 8 / 2

指令:セレクトボックスをフキダシ状にせよ!

先日、角屋食品様のウェブサイトのリニューアルがありました。

その際、社長から提示されたデザインで、

「セレクトボックスがフキダシ状に出るようにして欲しい」

と言われました。下図のようなかんじです。

 


問題はこの飛び出すメニューなんですが、ほとんどデザイン変更の手段が用意されていないのが厄介です。仕方ないので自分でイチから実装する必要があります。ですから、プログラムも必要になりそうです。

 

というわけで、色々やってできました!

フキダシ選択メニュー! ( ※iPhoneでは正常に動作しませんでした )

 

・・・でも・・・ちょっと動作が変じゃないですか?

だって、メニューが飛び出した状態でメニュー以外の箇所をクリックしてもメニューが閉じないんですもん。

そんなわけで、もう一度作りなおしたものがこちらです。

( ※ こちらはiPhoneでも正常に動作しました )

 

動作はほぼ同じですが、仕組みを根本から変えていまして(以下つまらないので略)

 

 

ところで角屋食品様のサイトですが、リニューアル後は全品送料無料です。

前の値段を知っている者からすれば、ちゃんと儲けがあるのか不安な価格なんですけれど……

まだ食べたことがないという方はこの機会にご賞味ください!

 

ちなみに角屋さんの売りはアジフライなんですが、個人的にはいわしフライの方が好みでした(^q^)

角屋のいわしフライ

松本博之隠しプロフィール画像

TEXT by

松本 博之まつもとひろゆき)

1978年、鳥取県米子市生まれ。
株式会社カミナリ WEBシステムの開発・運用を担当。

この人が書いた他の記事を読む