Reader
  • Home
  • About
  • Deals
  • Services
  • Contact
You are here: Home / Archives for iphone

Creating iPhone-style Checkboxes with jQuery and Prototype

Last updated on January 9th, 2016 by Gabriel Livan

iPhone-style Checkboxes is a progressive enhancement for standard HTML checkboxes which transforms them into the beautiful iPhone toggle switches. The change is purely visual as the underlying checkbox is not touched. The usage of the iphone-style-checkboxes library is very simple. Unzip the downloaded package, place the JavaScript, images and stylesheet where you please. Make sure to update the stylesheet to point to the new location of your images, if they have changed relative to the stylesheet.

Read more from this entry…

Filed Under: JavaScript, jQuery Tagged With: iphone, skin form elements

IPhone-like Password Fields: jQuery dPassword Plugin

Last updated on December 30th, 2009 by Gabriel Livan

According to Jakob Nielsen, “usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures”. He suggests that passwords should be shown in plain text and masked only if the user chooses to do that by using a checkbox. Nielson also states that users make more errors when they can’t see what they’re typing while filling in a form and they are feeling less confident. Perhaps, for this reason Apple implemented an alternative method on IPhone/IPod touch: the passwords are masked when the users type them, except the last character.

iphone-like-password

Stefan Ullrich, created a JQuery Plugin that converts the last character of a masked password field into a plain text one. The effect is the same as the one from the IPhone/IPod touches.

Features include:

  • The script is unobtrusive; Non-JS users get the common masked password fields
  • Supports copy & paste
  • No HTML modification is required as finds the password fields by type
  • Options: interval, delay, replacement character, prefix, debug mode (requires FireBug enabled)
  • Source & Demo: http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/
  • Download: http://dpassword.googlecode.com/files/dpassword.zip
  • License: MIT

Filed Under: JavaScript Tagged With: iphone

About Me

Gabriel LivanHey, there! I'm Gabriel Livan, Web Developer, Blogger and Internet Marketer. I love making fast, secure and scalable web applications, running and travelling around the world. I blog about WordPress, site speed & security and quality tools for web professionals. Read more

What are you looking for?

Categories

  • AJAX (22)
  • Deals (10)
  • Design (30)
  • eBooks (2)
  • Flash (19)
  • Freebies (11)
  • General (62)
  • Giveaways (1)
  • Graphics (27)
  • HTML & CSS (35)
    • Frameworks (9)
  • JavaScript (160)
    • Frameworks (8)
    • jQuery (89)
    • MooTools (14)
  • Page Loading Speed (2)
  • Photoshop (3)
  • PHP (113)
  • Reviews (8)
  • SEO (6)
  • Statistics (2)
  • Web Tools (13)
  • WordPress (27)
    • Plugins (15)
    • Snippets (4)
    • Tools (2)
    • Tutorials (6)

Copyright © 2026 · BitRepository.com - All Rights Reserved

  • Home
  • About
  • Contact