Daha önceki bir yazımızda şifre güvenliği ölçme için oluşturulan Complexify uygulamasından bahsettik. İnputala nında girdiğiniz şifrenin zorluk yada kolaylık derecesine göre yüzdelik oranda bir hesaplama yaparak kullanıcıya ne kadar güvenli olduğunu gösteriyordu. Bu yazıda bahsedeceğim Naked Password uygulaması da özellik olarak aynı ama şifre güvenliğini kullanıcıya yüzdelik oranlarla hesaplayarak değil de biraz komik bir şekilde göstermeye çalışıyor.
Naked password başlığını gördüğüm zaman işin aslı tam olarak ne olduğuna karar veremedim. Naked kelimesi ingilizce çıplak anlamında kullanılıyor. Aklıma ilk gelen herhalde şifreler girildiği zaman şifre göster yada gizle diye bir örnek olabileceğini düşündüm ama değilmiş. Her giriş sayfasında olduğu gibi input bölüümleri var bu çalışmada fakat siz parolanızı girdiğiniz an input alanı içerisinde bir kız yada erkeğin ikonu görünüyor ve girdiğiniz kelimelerin karmaşıklığına göre erkek yada kız soyunuyor 😀 Komik tarafı buydu işte.
İlla web sitenizde soyunan erkek yada kız kullanma konusunda mecbur değilsiniz tabi. İmages klasörü içerisinde bulunan erkek ve kız ikonlarını kendinize göre değiştirebilirsiniz. Hayal gücünüze bağlı olarak istediğiniz her türlü ikon oluşturabilirsiniz. Bu bakımdan eklenti çok hoşuma gitti diyebilirim. Aslında geliştiricinin asıl amacı ero… değilde kullanıcıları daha güçlü şifre oluşturmak için teşvik etmek.
Kullanım
- Head etiketleri arasına eklenmesi gereken bölümler.
Js dosya adresleri :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="../javascripts/naked_password-0.2.4.min.js" type="text/javascript" charset="utf-8"></script>
JavaScript :
<script type="text/javascript">
$(document).ready(function() {
$("input:password#test1").nakedPassword({path: "../images/", sex: "f"});
$("input:password#test2").nakedPassword({path: "../images/", sex: "m"});
});
</script>
- Body etiketleri arasına eklenmesi gereken bölüm.
Html :
<h1>Naked Password Female</h1> <input type="password" id="test1" style="font-size: 50px"> <h1>Naked Password Male</h1> <input type="password" id="test2" style="font-size: 50px">
