There is a little known feature of CSS called Pseudo Elements that allows for some special effects to be applied to elements. Using pseudo elements it is possible to add content before or after an element.

1
2
3
4
5
6
7
8
9
10

<style type="text/css">
	.demodiv{
    	     display:inherit;
	}
	.demodiv:before{
		content:"myemail@example.com";
	}
</style>
 
<div class="demodiv">&nbsp;</div>

This will output: myemail@example.com
You can also use as content url('someimage.jpg'); to display images this way. A bit more detailed at amatoc.com

Another way to mask emails with css power:

1
2
3
4
5
6

<style type="text/css">
span.test {
     direction: rtl; unicode-bidi:bidi-override;
}
</style>
<span class="test">moc.tset@tset</span>

The CSS reverses the direction of the text, so you write your email backwards, the CSS sorts it out so it displays fine on your website, but this way, ’spam bots’ can’t read your email!

Related posts:

1. Xobni Makes Life Easier. Really. It Does.
2. Cross browser inline-block
3. How To – get Cross Browser Compatibility Every Time

Email search. Way faster than the current Outlook07 search. When I started typing in the first two or three letters in Xobni it immediately began pulling up emails with those letters used. It has been a time saver because Outlook takes forever to search through 2 years of emails. With Xobni, it's pulling them up in seconds.

Email Analytics. Fancy little graph showing you the frequency of email usage between you and your contact. Below the graph, it shows you the number of messages sent in and out and the contacts rank based on that number.

Click-to Functions. Click on their phone number, click to schedule time with person (creates a default email and pulls your availability from your calendar!), or click to email this person.

Network. Shows you all the people you and that person are associated with.

Conversations. Shows you the history of correspondence between you and that person. How easy!

Files Exchanged. Shows you all the files you and that person have exchanged. How convenient!

Fun Facts. Share fun facts with your contacts, such as who responds the fastest to your emails.

Unlike many Outlook add-ons, Xobni seems to add its functionality without dragging down Outlook's performance, or worse, crashing it. It's useful and it doesn't get in the way. There's no reason not to try it, but be warned: it's still in beta, so just because others haven't had problems doesn't mean you'll get away scot-free.

And the download link.

Enjoy

Related posts:

1. Cheeky little tips that will help against email harvesting
2. View hidden files with a keyboard shortcut
3. Visual versioning for designers