[JS]アイコンをドラッグして認証する、かわいらしいCAPTCHA

アイコンをドラッグして認証する、かわいらしいCAPTCHAをWeb Design Beachから紹介します。

デモのキャプチャ

AJAX FANCY CAPTCHA

画面に表示されるテキスト(heart)と同じアイコンを右側の「Drop Here」にドロップして、認証を行います。

認証の流れのイメージ

認証の流れ

音声ブラウザへの対応やマウス操作などアクセシビリティ的な弱点もありますが、アイデアやデザインはすばらしいと思います。

AJAX FANCY CAPTCHAはjQueryのため、動作にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss