[B! js][フォーム] three_beeのブックマーク

three_bee id:three_bee

jsとフォームに関するthree_beeのブックマーク (2)

[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]
フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介します。Quickの名前の通り、すぐに選択できるようになります。通常のセレクトボックスの挙動セレクトボックスは、タップとクリックの2つのオペレーションがあります。これはフォームの他の要素と操作性が異なり、ユーザーをフォームの一連の流れから外してしまうものです。そこで注目すべき点は、通常セレクトボックスの選択肢の中にはより多く選択されるものがあることです。上記の例だと、「はい」「いいえ」が多いでしょう。 Quick[select]は、セレクトボックスの選択肢の中から、いくつかを表示させておくことができます。
three_bee 2015/11/09
*jQuery

フォーム

*plugin

jQuery

JavaScript

選択肢

セレクト

JS

あとで読む

UI
リンク
[JS]かっこいいインタラクションを伴ったスマフォに最適な省スペース用フォームのデモ
先月の終わりにdribbbleで公開された時に、うわっかっこいいな！と思いチェックしていたコンセプトにデモとして動作するスクリプトが開発されたので紹介します。まずは、dribbbleでのコンセプトから。 [GIF] Mobile Form Interaction フォームの入力欄の各ラベルをプレースホルダーテキストとして表示し、タップして入力する時に、アニメーションでそのテキストがふわりと上に移動し小さく表示されます。これはスマフォでは特に重要な省スペースとしても優れており、また入力後にそれが何の項目であったかユーザーに伝えることができます。で、そのコンセプトにインスパイアされて開発されたスクリプトが「JVFloat.js」です。デモのキャプチャ ※デモはダウンロードファイルに含まれています。アニメーションのブラッシュアップやコードの最適化など宿題があるそうですが、実装はこんな感
three_bee 2013/10/17
js

GIF

form

HTML

JavaScript

jQuery

jQueryプラグイン

animation

フォーム

アニメーション
リンク
1