https://github.com/codrops/PasswordStrengthVisualization

Visual feedback for password strength on an image based on Colibro's sign up form.
https://github.com/codrops/PasswordStrengthVisualization

Last synced: 7 days ago
JSON representation

Visual feedback for password strength on an image based on Colibro's sign up form.

• Host: GitHub
• URL: https://github.com/codrops/PasswordStrengthVisualization
• Owner: codrops
• Created: 2018-04-18T12:06:56.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-04-18T12:08:44.000Z (over 6 years ago)
• Last Synced: 2024-08-01T12:29:47.814Z (3 months ago)
• Language: HTML
• Homepage: https://tympanus.net/codrops/?p=34613
• Size: 729 KB
• Stars: 113
• Watchers: 4
• Forks: 24
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Password Strength Visualization

Visual feedback for password strength on an image based on [Colibro's sign up form](https://app.colibro.com/accounts-register/register).

![password](https://tympanus.net/codrops/wp-content/uploads/2018/04/PasswordStrengthVisualization.jpg)

[Article on Codrops](https://tympanus.net/codrops/?p=34613)

[Demo](http://tympanus.net/Development/PasswordStrengthVisualization/)

## Credits

- Idea from [this Reddit entry](https://www.reddit.com/r/web_design/comments/8bzbue/the_stronger_your_password_the_more_of_the/?st=jg1t6m9c&sh=e057ce1f)

- [Password Strength 'meter'](https://css-tricks.com/password-strength-meter/) by Pankaj Parashar

- [zxcvbn](https://github.com/dropbox/zxcvbn) by Daniel Lowe Wheeler

- Images from [Unsplash.com](https://unsplash.com/)

- [imagesLoaded](http://imagesloaded.desandro.com/) by Dave DeSandro

- [Pixelate](http://jsfiddle.net/u6apxgfk/390/) by Ken Fyrstenberg, Epistemex, License: [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)

- [Fullscreen image in Canvas](https://codepen.io/bassta/pen/OPVzyB) by Chrysto Panayotov

## License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/)

[© Codrops 2018](http://www.codrops.com)