Check the live demo.
I tried to come up with a unique way of showing the input forms and break out of the old input rectangle. I also moved the submit button to the last input field (inspired by iCloud’s login form).
Where I pushed even more was in finding a way to integrate a password strength indicator. I made it so that the password field border changes colour and fills-in depending on how strong of a password you type in.
Tested on Mac (Chrome 30, Firefox, Safari), Chrome, Firefox, IE 8-9-10, iOS 7, and WP 8 (IE 10).
Feel free to use the code and integrate it with your app/site, or make something even cooler.
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2017 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.