Complexify

JavaScript

パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

Complexifyはユーザーが入力したパスワードの強さを視覚的にフィードバックしてくれるjQueryプラグインです。ユーザーにパスワードの品質を正確に伝えてくれるので、セキュリティを高める上でもユーザーにとってはありがたい機能ですね。

Complexify

デモ

「Password」と書かれた下にあるテキストボックスにパスワードを入力してみると、強度をあらわすバーとパーセンテージによる数値が表示されます。

バーはパスワードの強度が高くなると赤色から緑色に変化します。また、パーセンテージの数値もパスワードの強度の高さに比例して増えていきます。

簡単なパスワードほど覚えやすいものですが、セキュリティを高める上でもパスワードはより複雑にしておきたいところです。ユーザーのパスワード入力画面に、このようなパスワードの強さをフィードバックしてくれる機能を設置しておくことで、ユーザーのセキュリティに対する意識も高まりそうですね。

データの安全性を高める上でも、パスワードの強度をチェックできる機能はパスワード入力画面に必須の機能といえるのではないでしょうか?

というわけで、ユーザーが入力したパスワードの強さを視覚的にフィードバックしてくれる便利なjQueryプラグイン「Complexify」のご紹介でした。

Complexify

Mobilepopup軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」前のページ

iOSのようなピッカーを実装できるJSライブラリ「Picker」次のページPicker

関連記事

  1. Slinky

    JavaScript

    モバイルライクなナビゲーションメニューを実装できる「Slinky」

    Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーショ…

  2. crossfade.js

    JavaScript

    スクロールで画像をクロスフェードできるjQueryプラグイン「crossfade.js」

    crossfade.jsというjQueryプラグインを使えば、スクロー…

  3. Slickhover.js

    JavaScript

    滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」

    とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ…

  4. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

  5. no-image

    JavaScript

    セクション間をスムーズにスクロールできる「Scroll Control」

    Scroll Controlはセクション間をスムーズにスクロールできる…

  6. JavaScript

    チルトシフト効果でミニチュア風の写真に仕上げてくれるjQueryプラグイン「tiltShift.js…

    指定した画像にチルトシフト効果をプラスしてミニチュア風にしてくれるjQ…

最近の記事

  1. NIVEA MEN CREME
  2. チャイラテ
  3. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  4. COMOLI ナッピングウールショーツ
  5. 川上庵(麻布十番)牡蠣天せいろ
PAGE TOP