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.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in