passwordフィールドにテキストヒントを表示させられるjQueryプラグイン「Text2Pass」 2010年11月15日- taledo Blog Archive Text2Pass ? Text inside a password field passwordフィールドにテキストヒントを表示させられるjQueryプラグイン「Text2Pass」。 入力フィールドにヒント表示するプラグインはあったりしますが、それがpasswordフィールドの場合でもちゃんとヒントを表示できます。 「ここにパスワードを入力」というようなヒントを入れつつ、入力した場合はちゃんとフィールドが***になる点がいいです。 input に対するヒント表示 入力するとちゃんとpasswordフィールドとして機能 ログインフォーム等のユーザビリティ向上に役立ちそうですね。 関連エントリ 複数のパスワードをデータベー

Log in or Sign up with Jquery and PHP jQueryとPHPを使ったサインアップとログイン兼用のログインフォーム作成チュートリアルが公開されています。 まず、E-mail を入力し、アカウントを持っているかもっていないかのradioを選択することで新規登録か、ログインかを切り替えることが出来ます。 jQueryでは、エレメントの表示/非表示を設定しており、サーバ側のPHPでは送られてきたパラメータを見てログインか新規登録かを判別します。 そのまま使っても便利ですが、PHPやjQueryの入門用としても使えるかもしれませんね 新規登録の場合 ログインの場合 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 アニメーションの残像が残るjQueryアニメーションチュートリアル PHPとjQueryのAjax連携の学習

最後に入力した文字がわかるより優れたiPhone風パスワードフィールド実装ライブラリ「PassShark」 2010年01月15日- QUERIDODESIGN - Blog 最後に入力した文字がわかるより優れたiPhone風パスワードフィールド実装ライブラリ「PassShark」 通常のパスワードボックスは入力した時点で●とか*に置き換えられてしまい、入力時点で間違っていても気づくことができません。 そこでiPhoneでは最後に入力中の文字はそのまま表示するというUIになっているわけですが、次のようにPCでも同じような入力フィールドを簡単に実装できます。 Mootoolベースのライブラリです。 過去にも同様のものを紹介しましたね。 関連エントリ 最後の文字だけ読めるiPhoneのパスワードフィールドそっくりな入力フィールド作成用jQueryプラグイン 何を入力したかが分かるiPhoneス

Making A Cool Login System With PHP, MySQL & jQuery ? Tutorialzine jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル。 ページのヘッダーにあるログインボタンを押すと、ニュイーンとログインフォームが降りてくるというカッコいいログインフォームの実装演習になってます。 ログインボタンを押す ヘッダーからそのままログインフォームが降りてきてそこからログイン可能です。 ソースコードのダウンロードも可能です。 関連エントリ ログインフォームのデザイン集１００種 Twitter風のドロップダウンボックスなログインフォーム作成チュートリアル 超クールなログインフォームを作成するチュートリアル

Learning jQuery: Submit form PHP Mac style Modal window | AEXT.NET PHPとjQueryのAjax連携の学習用チュートリアルが公開されています。 macスタイルのログインフォームからjQueryでAjax送信してリアルタイム認証を行うサンプルです。 それぞれ簡単なコードになっているので入門にも最適で、かつ成果物もクール。 デモページ 入門としてだけでなく、サンプルとして応用して使ってみるのもよさそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ jQueryでアコーディオン作成のチュートリアル 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル

RSAの公開鍵暗号方式でフォームのデータの暗号が行えるjQueryプラグイン「jCryption」 2009年08月10日- jCryption - JavaScript data encryption RSAの公開鍵暗号方式でフォームのデータの暗号が行えるjQueryプラグイン「jCryption」。 2048bit のRSAで暗号可能。Ajaxでのサブミットもサポート。 暗号化は既にしてあり、SSLも不要。インストール簡単という特徴があります。 ちゃんとしたプロダクトに組み込む際は、きちんとした検証が必要だと思いますが、面白い仕組みですね。 デモページで各種デモが見れます。 データを送信すると、以下のように jCryption をキーとして暗号化が行われていることがわかります。 decrypted POST で元データが取れていますね。 これはすごいです。

iPhone-like password fields using jQuery // DECAF・blog digitale kommunikation 最後の文字だけ読めるiPhoneのパスワードフィールドそっくりな入力フィールド作成用jQueryプラグイン 次のように最後だけ読めるフィールドが作れます。 iPhoneでは次のようになっていて、まさにそっくり。 先日、同じようなエントリを紹介しましたが、以前よりもソックリなところがいいですね。 関連エントリ 何を入力したかが分かるiPhoneスタイルのパスワード入力フィールド実装jQueryプラグイン

Chroma-Hash Demo 入力したパスワードをビジュアライズできる「Chroma-Hash」。 次のように、パスワードフィールドの横に３色の図形を描画できます。 ビジュアライズすることで、パスワードの確認に、同じパスワードが入っているかをチェックすることが可能です。 パスワードが違うと次のように色が違うので一目瞭然です。 パスワードフィールドは、●になっていて何が入っているか分かりませんが、このように色で再現されれば入力が分かるというわけですね。 ちゃんとしたライブラリを使わないと、この図からパスワードを推測されてしまうので注意は必要ですが、仕組みとして面白いですね。

Better Password Inputs, iPhone Style | CSS-Tricks 何を入力したかが分かるiPhoneスタイルのパスワード入力フィールド実装jQueryプラグイン。 サイトのpasswordフィールドに入力すると、●●●といった感じで何を入力したか分からないまま文字入力が進んでいいます。 iPhone では、入力した最後の文字については分かるようなインタフェースになっていますね。 これと似たような仕組みを通常のWEBサイトでも実現出来るようにしたjQueryプラグインです。 passwordフィールドに入力をすると、右側に大きく、アルファベットがアニメーション表示されます。 デモページを開く 使い方は以下のように簡単。 $('#user-password-2').dPassword(); このプラグインで、非常に簡単にユーザビリティをあげることが出来そうです

Javascript Input Mask これは面白い、パスワードの値を独自アイコンにする方法。 パスワードフィールドというとブラウザ依存で、* になったり、・になったりしますが、今回紹介のライブラリを使えば次のような面白い鍵アイコンにすることが出来ます。 こういうところにもこだわりたい、という方は参考にできそうですね。 関連エントリ デフォルトのフォームをクールにカスタマイズする方法 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル JavaScript＆CSSで独自デザインのselectボックスを作成

demo: video こういったユーザーに少しでも集中してほしいコンテンツには、効果が高そうです。 使用方法も簡単で、JSファイルを外部ファイルで指定し、スクリプトで適用箇所とカラーと不透明度を指定します。 最小の記述だと、下記のようになります。

ドットインストール代表のライフハックブログ

This domain may be for sale!

ケータイの端末ID・ユーザIDの取得についてまとめてみました（サンプルプログラム編） Tweet 2008/9/9 火曜日 matsui Posted in au, DoCoMo, PHP, SoftBank | No Comments » 昨日の記事に続き、本日も端末ID・ユーザIDの話です。 各種IDの基本的な取得の方法は、昨日すでにご紹介したので、より具体的なプログラムのサンプルをご紹介したいと思います。 IDの取得には、「PEAR::Net_UserAgent_Mobile」を使うのが簡単でオススメです。 →　PEAR　Net_UserAgent_Mobile [pear.php.net] まずはインストール方法からです。 ・Windowsの場合： > c:\php\pear install -f Net_UserAgent_Mobile ※「c:\phpはPHPをインストールした

ケータイの端末ID・ユーザIDの取得についてまとめてみました Tweet 2008/9/8 月曜日 matsui Posted in au, DoCoMo, PHP, SoftBank | 12 Comments » ケータイサイトでは、端末ID・ユーザIDを取得する、という処理をよく行うことがあります。 ログインの度に、ユーザ名とパスワードを入力するというのは、ケータイの操作性の面からも現実的ではないためです。 今回はそんな各種IDの取得方法について、PHPを使った場合を例にとりまとめてみました。 ※ここでは端末IDを「ケータイに振られた個体識別情報（製造番号など）」、ユーザIDを「契約に紐付くID」として解説しています。 ドコモ端末での取得方法 1. utnを使う ドコモ端末ではutn属性を使うことによって、フォームやリンクから個体識別情報を取得することができます。 対応機種は、iモー