Keeping email addresses hidden from spam bots
I detest email spam and have been looking into tried & true solutions for obfuscating email addresses. Contact forms are great for hiding email addresses, but I don't love relying on yet another service for something so simple as email.
It turns out a simple CSS "display: none" blocks 100% of spam! I'll be using this method to list my email address moving forward — you can see how it looks on my About page.
The symbol substitution method seems to still be effective, but I want my email address to be easy to copy-paste.
Here are the HTML and CSS snippets for anyone interested in hiding their email address from spam bots.
HTML for email address
Add this to where you want your email to display. Update username and domain.com with your actual information.
<span class="email">username@<b>mail.</b>domain.com</span>
Theme CSS
span.email b {
display: none;
}