Design+
Photo+
Create

Protecting contact email addresses

Code detail

Email spam is a huge problem across the internet, with it easily forming the majority of all sent messages. Web designers know that putting email contact details into webpages puts that address right at the mercy of spammers.

I’m pleased to have stumbled across a neat solution to this problem today, and just wanted to promote this free encryption service from the guys at UK Secure Web Hosting .

This clever form generates Javascript that you paste into your webpage source code – disguising your email address from bots, whilst keeping functionality for your users.

Making notes in HTML and CSS

Code detail

Building web pages can be confusing. Working with other people’s code can be doubly so. A good habit to get into is to add notes to your work. This could be to break your CSS into logical groups (Header, Image, Copy , Footer) or perhaps to explain exactly what that complicated-looking piece of Javascript actually does.

Continue reading…

Removing the grey outline
that Firefox adds to Flash content

Firefox

I like Mozilla Firefox very much, but release 3.6 has started adding an outline to Flash content when it is clicked on. This is quite unsightly if you use Flash for contact forms, navigation, or even your whole site.

As a sidenote, I use swfobject for embedding Flash files, which keeps everything nice and valid.

The Fix

Simply add this to your CSS file

object {
outline:none
}

The CSS still validates with this rule and it solves the issue. I’d love to hear if there is a better way however.

Now if only there were a way to get rid of Opera’s double-click-on Flash content issue…