DEV Community

Discussion on: A pure CSS password generator! 😱 They said it can't be done...

afif profile image
Temani Afif

by the way, Alvaro wrote an article around random numbers on CSS:

Thread Thread
grahamthedev profile image
GrahamTheDev Author • Edited on

Interesting as I was looking for ways to do random and that article never came up, I guess that is a double shout out to Alvaro then! You were bound to have seen an article on this before....but I still haven't found a password generator with it (unless you are going to disappoint me!) 🤣

Thread Thread
alvaromontoro profile image
Alvaro Montoro

Thank you for the shoutout :)

You can actually make the CSS password generator accessible by using a method similar to the article (instead of having the letters in the ::before, have them in the HTML and show/hide them). That way, users will be able to select them.

But remember: the passwords generated this way are not secure. They are only pseudo-random, so the password can be guessed/cracked knowing some factors.

Thread Thread
grahamthedev profile image
GrahamTheDev Author

Yeah I did think that after Temani pointed me to your article, but I couldn’t work out a way of doing it that didn’t require 620 elements.

I hope I covered the “don’t use this in production it isn’t actually random” clearly enough in the article but that is always the danger when you put code up, people just use it without thinking!