A quick search for "javascript email address obfuscation" yielded a stackoverflow answer to URL encode it, along with comments about how that doesn't work. The next result in Google was an Email Address Obfuscator, which in my experience caused issues on mobile devices.
Another idea which is pretty common, is to use myemailaddress at example dot com
. I don't like it because robots are smarter than that.
The next best thing is an image. Just type the email address into your favorite image processing program and voilà, you have an image to use instead of your email address.
Then you have to deal with :hover
effects of links. In my case, a color change as well as a slight background change. No sweat, put both versions in the image, and use the CSS :hover
property to move the image up.
![double-email-address-image](/assets/blog/quick-hide-th