Mobile Friendly Website


Doing it with style


Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Mathias Bynens:-
After you came up with this ultra-cool email address obfuscation method through CSS, I quickly wrote the obfuscate_email() PHP function. And now, I uploaded my very own email obfuscator that converts the email into ASCII and optionally reverses it through CSS. It can output (X)HTML links and/or just the encoded email address.
(23.04.2005, 09:15)

Your technique for hiding e-mail addresses DOES work in the current version of Opera (8.01).
(26.06.2005, 02:18)

Howard, that's why I now say 'didn't' work in Opera ;o)
(26.06.2005, 08:38)


It's XHTML compliant...
(05.09.2005, 16:32)

Another pure CSS method -
This generates a logo of the email using random text, then miniaturises it to resemble normal text. Note that Opera only displays the minilogo correctly when Tools -> Preferences, Advanced tab has Minimum Font size (pixels) set to 1
(25.10.2005, 09:51)

in opera 8.5 its working.
an other solution can be to work with css
":after" .de:after { content:".de" }
<span class="de">test@domain</span>

but this is not working in ie
im not sure about safari
(26.01.2006, 14:05)

Why not use something like:
<span class="email">XXXXX</span>

And then, in the CSS : {
/*\40 = @ in CSS*/
content: "\40.XXXXX";

However, as metioned, it doesn't work in IE. But what if we would use a conditional comment for IE and use this method for IE?
(30.04.2006, 20:58)

I referenced this technique in the article Obscuring Your Email From Spammers, found here:

Thank you for your useful site.
(23.05.2006, 01:03)

Because it isn't a link, I copy it to my clipboard. When I paste in in my Gmail, I get:

So, it's still not really usefull, just funny:-)

(01.10.2006, 13:20)

For info this demonstration DOES work in Safari for Windows. And Opera, as previously stated.
(17.04.2008, 09:51)

10 of 25 comments (part 1). [ » ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page