02
AUGUST
ウェブTUESDAY 2016 / 8 / 2
指令:セレクトボックスをフキダシ状にせよ!
Text by Hiroyuki Matsumoto
先日、角屋食品様のウェブサイトのリニューアルがありました。
その際、社長から提示されたデザインで、
「セレクトボックスがフキダシ状に出るようにして欲しい」
と言われました。下図のようなかんじです。
問題はこの飛び出すメニューなんですが、ほとんどデザイン変更の手段が用意されていないのが厄介です。仕方ないので自分でイチから実装する必要があります。ですから、プログラムも必要になりそうです。
というわけで、色々やってできました!
フキダシ選択メニュー! ( ※iPhoneでは正常に動作しませんでした )
・・・でも・・・ちょっと動作が変じゃないですか?
だって、メニューが飛び出した状態でメニュー以外の箇所をクリックしてもメニューが閉じないんですもん。
そんなわけで、もう一度作りなおしたものがこちらです。
( ※ こちらはiPhoneでも正常に動作しました )
動作はほぼ同じですが、仕組みを根本から変えていまして(以下つまらないので略)
ところで角屋食品様のサイトですが、リニューアル後は全品送料無料です。
前の値段を知っている者からすれば、ちゃんと儲けがあるのか不安な価格なんですけれど……
まだ食べたことがないという方はこの機会にご賞味ください!
ちなみに角屋さんの売りはアジフライなんですが、個人的にはいわしフライの方が好みでした(^q^)
TEXT by
松本 博之(まつもとひろゆき)
1978年、鳥取県米子市生まれ。
株式会社マジックワード WEBシステムの開発・運用を担当。
WordPressの実績多数。表面的な使用方法を把握するだけでなく、WordPressのソースコードを読み解いて対応できます。
国家資格の応用情報処理技術者をなんとなくとりました。