Visualisasi Kekuatan Kata Sandi
Umpan balik visual untuk kekuatan kata sandi pada gambar berdasarkan formulir pendaftaran Colibro.
Dari sponsor bulanan kami: HelloSign API: Semua yang diinginkan dan disukai pengembang. Coba gratis hari ini.
Hari ini kami ingin membagikan sedikit penerapan kembali efek yang menarik dengan Anda. Idenya datang dari entri Reddit ini yang menjelaskan metode menampilkan gambar yang kurang pixelated semakin kuat kata sandi dimasukkan. Anda dapat melihat gagasan ini beraksi di halaman pendaftaran Colibro . Kami pikir ini adalah ide yang luar biasa dan ingin bereksperimen dengannya, dan juga dengan logika sebaliknya.
Jadi silakan dan coba : mulai memasukkan kata sandi dalam formulir dan melihat gambar mendapatkan jumlah pixelisasi yang berbeda. The demo kedua menunjukkan logika terbalik di mana gambar akan lebih dikaburkan ketika password semakin kuat.
Demo ini disponsori oleh HelloSign API: Segala yang dibutuhkan dan pengembang suka . Jika Anda ingin mensponsori salah satu demo kami, cari tahu lebih lanjut di sini .
Perhatian: Harap perhatikan bahwa ini sangat eksperimental dan mungkin tidak berfungsi dengan baik di browser lama.
Kami harap Anda menyukai efek kecil ini dan bermanfaat.
Referensi dan Kredit
- Ide dari entri Reddit ini
- Kata sandi Strength 'meter' oleh Pankaj Parashar
- zxcvbn oleh Daniel Lowe Wheeler
- Gambar dari Unsplash.com
- imagesLoaded oleh Dave DeSandro
- Pixelate oleh Ken Fyrstenberg, Epistemex, Lisensi: CC BY 3.0
- Gambar layar penuh di Kanvas oleh Chrysto Panayotov
0 komentar:
Posting Komentar