Thank you so much! I'm thrilled to hear this! 🙂

Thanks, Philip! I'm glad to hear this! 🙂

Thank you, my friend! 🙂

You're very welcome! I'm thrilled you found it helpful! 🙂

Thank you, Tim, for watching! Yes, it should work the same. 🙂 And if you want to make the email clickable, I have a follow-up video on how to set it up here: kzfaq.info/get/bejne/jc6nqaZyx7iuhnk.html

That's very possible, Ahmad! 🙂 Perhaps we should look into obfuscating our CSS as well. 🤣

@@CSSWeekly And next obfuscating what obfuscates our css😁 This will never end🤦‍♂

Down the CSS rabbit hole we go... 🤪

That's a fantastic question, Alfred! 🙏 I think that any bot that parses HTML and CSS can figure out the real address. Still, it's not as simple as just grabbing it from HTML, as the bot has to figure out that the part of the string is in tags which are hidden in CSS. I have't really played around with Puppeteer. Would this be a trivial task?

document.querySelector(".email").innerText vs. document.querySelector(".email").textContent

Won’t this grab the entire text, including the false/fake part?

It really is! 🙂

Yes, it would be better if it was clickable, but I don’t mind if I can copy-paste it. 🙂 What exactly do you mean by untrackable?

@@CSSWeekly untrackable as a website event (GA4)

Oh, I haven't thought of this. Thanks so much for all your feedback, Mikael!

Yes, it is easier to just click on the link with mailto in href, but you can still copy-paste the email address this way, you don't have to type it manually. I do it quite often and don't find it disruptive. 🤷‍♂️

Yes, you're right, it's better to have a clickable link with mailto in href. But I personally don't find non-clickable emails that can be copied that useless. 🙂

​ @CSSWeekly ok, could you please give a use case where having a non-clickable email would be beneficial for a user? Keep in ming that we should not forget about accessibility

I don't think there are any use cases where the non-clickable link would be more usable than a clickable one. I always copy-paste emails (mainly because I'm using multiple email clients), so I don't find non-clickable emails less usable. But I'm surely an outlier here. There are some anti-patterns where you want to make it a bit more difficult for users to email you, in which case you'd prefer a non-clickable link. For example, when you want to guide people through a customer support system instead of direct email, as they won't provide all necessary details without additional guidance-but you still are required by law to show the email address. Or when the client wants to receive less authentic emails from users, and they insist you make it as difficult as possible to use the email provided-this really happened to me once. 😀 All that being said, it looks like I messed up and I need to record a follow-up with focus on clickable links. Thanks so much for all your feedback!

You have timestamps in the video, so you can skip to the part that interests you. 😉 And there are nicer ways of giving feedback. Something along the lines of "get to the point sooner" would be constructive, and I'd appreciate it. You don't have to be rude and disrespectful. 🙂