5509

Site Search

パスワード入力欄の最後の文字列をヒントとして表示するjQueryプラグイン

hintmask

IT Mediaの記事でパスワードの「****」は不要…という記事(以下参照)がありましたが、ブコメにiPhone UIが〜〜というのがあったので、じゃあということでついカッとなってjQueryプラグインを書いた。

Webサイトなどでパスワードを入力する際、「****」を使って入力した文字が見えないようにする必要はないのではないか——。そんな提案をめぐり、研究者が賛否両論を展開している。

via: パスワード入力の「****」は不要? 研究者の間で激しい論議

パスワード入力は僕もよくタイプミスをして全部打ち直します。どうにかしてください本当に。
それにしてもiPhoneのUIはとてもよくできてますね。使っていて本当に気持ちがいいです。
使っていて気持ちがいいサイト設計というのは簡単なようでとても難しいものなので、小さなことからでもユーザーの負担を減らしていければいいですね。

サンプル
サンプルファイルのダウンロード

Read more

セレクトボックスに新しいオプションを追加していけるスクリプト

セレクトボックスに新しいオプションを追加していけるスクリプト

セレクトボックスの(value)を選択すると、セレクトボックスが消えて代わりにINPUT要素が選択状態で表示されるので、追加する単語を入力してドキュメント上の適当な箇所をクリックするか、returnキーで決定することで入力項目をセレクトボックスに新しく追加できるスクリプトです。説明がなにやらややこしい感じなので、実際にサンプルを見てもらったほうが早いと思います。

先日のtangoHokanと同じような感じなので、使いどころは微妙ですが。
そもそも、それができる、ということを補足説明などでユーザに伝える必要があると思いますが、ひとつの選択肢としてあればそのうち使う日がくるかもしれません。。

サンプル
サンプルファイルのダウンロード

Read more

WordPressの複数アップロード機能が便利すぎる件

Skypeで話をしてて、WordPressの複数アップロードが便利すぎるって言うのを聞いたのですが、、、

そうなんです。この複数アップロード機能がかなり強力で、いくつまで同時にアップロードできるのかはちょっと試していませんが、20くらいはいけたはずです。確かバージョン2.5のFlash Uploaderから実装されてるんですけど、どうやら知らない人も多いのかも?と思ったので、紹介しておきます。

と思ってたらちょうどいい動画がありました。動画は2.5のものですが、それ以降のバージョンでも同じ方法です。もちろん最新の2.8でも使えます。フォトログなどやってる人にはかなり便利だと思いますのでぜひ。

Multiple Image Upload from Len Kutchma on Vimeo.

[メモ]ワクワクマウスオーバー

wakuwaku

ワクワクマウスオーバー

ウィンドウ内に散りばめた●にマウスオーバーするとびよんと拡大します(PNG使ってるのでIE6は見れません)。でかい丸に囲まれたかわいそうなちび丸を拡大できたときの気持ちよさは…。一応言っておきますけど、Flashじゃないです。あと、別にタイトルなんかどうでもよくて、なにかできそうな感じなので自分用のメモです。周りではワクワクよりもムキムキが流行ってるみたいですね!

Read more

Safari独自実装のinput type=”search”のような検索窓を実装する

inputSearch

先日、iPhone風のテキストボックスの文字を消去するボタンを実装するチュートリアルを書いたのですが、どうやらSafariの独自実装でinput type=”search”というのがあるんですね。全然知らなかった…じゃあいっそのことplaceholderも付けてinput type=”search”っぽくしてみようということで、delval.jsをちょちょっと変えてinput type=”search”ぽい検索窓を実装してみます。これもかなり簡単にできるので、じゃあチュートリアル…??

inputSearchこっちはSafari独自実装のtype="search"
左が今回作ったサンプルで、右がSafari独自実装のinput type=”search”。そっくり!

サンプル – サンプルの下にあるINPUTをSafariで見ると…!
サンプルファイルのダウンロード

Read more

Author

nori