前の記事 ≪:WebKit系のブラウザで使えるTextStrokeサンプルCSS集
次の記事 ≫:2010年9月15日 管理人のブックマーク

jQueryとCSS3でドロップダウンメニューにフォームを埋め込んでしまうデモ

2010年09月15日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
FormBox ? A jQuery & CSS3 Drop-Down Menu With Integrated Forms | AddyOsmani.com | Where User Interface Ideas Grows

jQueryとCSS3でドロップダウンメニューにフォームを埋め込んでしまうデモ
メニューにカーソルを合わせるとドロップダウンメニューがアニメーションしながら現れてフォームが表示されるというUIの例と実装サンプルです。
スペースを取ることなく、コンパクトにログインフォーム等を埋めこむことが実現出来ています。



ログインしない人にとっては邪魔なブロックなので、使わない場合は最小化しておくというのはなかなか合理的なUIですね。
サイトの特性などに応じて実装すればサイトの利便性を大きく向上することができそうです。

関連エントリ
関連の記事検索:CSS3
スポンサード リンク

By.KJ : 2010年09月15日 11:01 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)