Hiding your emails on your website can be very tricky and the method should be chosen wisely. Yeah, its our war against email harvesters! Just now i have read the outcome of an interesting study made by Silvan Mühlemann. In his research he used nine different methods to obfuscate the email on his page. He created an email address for each method and was keeping track of the incoming spam for 1.5! years. Here is the outcome:

(source: Nine ways to obfuscate e-mail addresses compared)

Amazing! The simplest methods using CSS had the best results. No Spam at all. There is just one question: How long will it take for the harvesters to adapt their algorithms to this research results?

(If you’re interested to see the detailed implementation of those methods just check the original article. I have skipped it.)

So now you know how to do nicely rounded div corners without using images or any javascript after reading this post.

But how do we integrate this nicely into our rails app? The following solution might not be perfect but that’s what i’m using and like:
(more…)

I searched a lot to find this great solution for doing rounded borders with just CSS and no images. There are loads of solutions out there which use images to make the borders or doing some funky javascripts which take too much time on page load and the rounding is only applied after onload.

so thanks to Deathshadow for this great solution with pure CSS. just check out the link. there are the examples and the source needed.

Today i stumbled across a nice tool called Pastie. Pastie helps you if you want to show some bits of your source code to someone else. e.g. you need some help, advice (or you just want to show off with your code). You paste an excerpt of your code and pastie saves it for under a unique URL. Then you send this URL to the person you want to show the code. The big advantage here is that the syntax is nicely highlighted … very nice for remote troubleshooting! I have created a code snippet for demonstration.

(i’ve used code sections to create more sections.)

Each application/website uses some popup windows or modaldialogs (known from MS IE) to display some content. I will call them dialogs in the rest of the article. To keep such dialogs userfriendly and easy to use the dialog should have (or usually has) the structure which you can see in the picture on the left. A headline at the top, an endline at the bottom and a content container between those two. The best thing now would be to have the content dynamically adjusted to the free space between the headline and the endline. Also some scrollbars should come up if there is not enough space (see picture). I’ll explain how to do this. (more…)