<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>stormdamage.org &#187; Resources</title>
	<atom:link href="http://stormdamage.org/category/resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://stormdamage.org</link>
	<description>Art, Webdesign and CSS.</description>
	<lastBuildDate>Mon, 10 Nov 2008 16:31:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Hide your email address from spammers</title>
		<link>http://stormdamage.org/hide-your-email-address-from-spammers/</link>
		<comments>http://stormdamage.org/hide-your-email-address-from-spammers/#comments</comments>
		<pubDate>Tue, 21 Oct 2008 13:40:40 +0000</pubDate>
		<dc:creator>Leonie</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://stormdamage.org/?p=55</guid>
		<description><![CDATA[It&#8217;s often useful to have your email address proudly displayed on your website, with a handy little &#8216;mailto&#8217; link to make things easier for your users. However, doing this is often an open invitation for spammers to &#8216;harvest&#8217; your email address and use it to bombard you with unwanted nonsense.
They do this by using a [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s often useful to have your email address proudly displayed on your website, with a handy little &#8216;mailto&#8217; link to make things easier for your users. However, doing this is often an open invitation for spammers to &#8216;harvest&#8217; your email address and use it to bombard you with unwanted nonsense.</p>
<p>They do this by using a spambot program which searches for likely looking combinations of letters. Since email addresses have to have an @ symbol, often they will look for this character and grab the text on either side, in the hope that it will be a valid email address.</p>
<p>A common way of getting around this to replace the &#8216;.&#8217; and &#8216;@&#8217; with &#8216;dot&#8217; and &#8216;at&#8217;, or by putting in some extra text which will be obvious to a human reader, but will render it unusable for a spambot. For example, with &#8216;nameREMOVE@domain.com&#8217;, the &#8216;REMOVE&#8217; text should be deleted.</p>
<p>Images can also be used to safely display the email address. This technique involves creating a graphic with the desired email address displayed, and saving it as a .gif or .jpg file. Though this can look effective, it does mean the address won&#8217;t be clickable.</p>
<p>Though they do work, none of these methods are especially professional solutions. Here are some quick alternatives&#8230;</p>
<p><strong>Using CSS</strong></p>
<p>Css can be employed to display the email address backwards in the code, but forwards on the page itself. Unfortunately, this neat solution doesn&#8217;t work in older browsers.</p>
<p>HTML: <blockquote>&lt;div class=&#8221;backwards&#8221;&gt;email@address.com&lt;/span&gt;</blockquote></p>
<p>CSS: <blockquote>.backwards { unicode-bidi:bidi-override; direction: rtl; }</blockquote></p>
<p><strong>Using Javascript</strong></p>
<p>This technqiue breaks up the code with Javascript, so although it will display properly on the page it is hidden from spambots. This is probably the most common method of email obfuscation, but I&#8217;m not sure how effective it is these days, as newer spambots seem to trawl through Javascript as well.</p>
<p><blockquote>&lt;script language=&#8221;javascript&#8221;&gt;<br />
var user = &#8220;name&#8221;;<br />
var domain = &#8220;domain.com&#8221;;<br />
var display = user + &#8220;@&#8221; + domain;<br />
document.write(&#8221;&lt;a hr&#8221; + &#8220;ef=m&#8221; + &#8220;ai&#8221; + &#8220;lto:&#8221; + user + &#8220;@&#8221; + domain + &#8220;&gt;&#8221; + display + &#8220;&lt;/a&gt;&#8221;);<br />
&lt;/script&gt;</blockquote></p>
<p><strong>Using Enkoder</strong></p>
<p><a href="http://hivelogic.com/enkoder/form">Enkoder</a> is a handy tool which creates some crazy encrypted Javascript. The method is basically the same as above, but the code generated is far more unreadable. It also has options for editing the subject line and link title for your email anchor.</p>
<p>Although no method is 100% effective against the spammers, these methods should at least make things as difficult as possible.</p>]]></content:encoded>
			<wfw:commentRss>http://stormdamage.org/hide-your-email-address-from-spammers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Using Eyedropper to select a hex colour</title>
		<link>http://stormdamage.org/using-eyedropper-to-select-a-hex-colour/</link>
		<comments>http://stormdamage.org/using-eyedropper-to-select-a-hex-colour/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 15:56:36 +0000</pubDate>
		<dc:creator>Leonie</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[programs]]></category>

		<guid isPermaLink="false">http://stormdamage.org/?p=17</guid>
		<description><![CDATA[Eyedropper is a useful little program which I couldn&#8217;t be without. It will tell you the hex, RGB or CMYK of any colour on screen if you hover your cursor over it, and so is invaluable for web development. Many people use Colorzilla for this, which is a Firefox plugin. However, the advantage of Eyedropper [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-18" title="Eyedropper at work" src="http://stormdamage.org/wp-content/uploads/2008/07/eyedropper.gif" alt="Eyedropper at work" width="200" height="150" />Eyedropper is a useful little program which I couldn&#8217;t be without. It will tell you the hex, RGB or CMYK of any colour on screen if you hover your cursor over it, and so is invaluable for web development. Many people use <a rel="nofollow" href="https://addons.mozilla.org/en-US/firefox/addon/271?application=firefox&amp;id=271&amp;vid=1032">Colorzilla</a> for this, which is a Firefox plugin. However, the advantage of Eyedropper is that it works anywhere on screen, not just inside the browser window.</p>
<p>In addition, it also gives you the x and y mouse coordinates, which is very useful for checking that things line up properly. The program is very small and unobtrusive, it sits in the systray until you double-click the icon to pick it up. Then it will follow your cursor around, until you double-click its icon in the systray again to put it back.<span id="more-17"></span></p>
<p>Unfortunately it doesn&#8217;t have hex codes set to appear by default, so when you first install the program, you will need to right-click it&#8217;s icon, Select &#8216;Properties&#8217; and tick &#8216;Show hex values&#8217;. You can then hover over your desired colour, and press Ctrl + C to copy its hex code to your clipboard.</p>
<p>A similar program is Pixie, though I like it less as it remains static in the centre of the screen. This means you have to switch in and out of it, unlike Eyedropper which feels more natural as follows the cursor, making it easier to continue your work without needing to make a switch. Both these programs are small, and free (though I don&#8217;t think they are available for the Mac).</p>
<p><a rel="nofollow" href="http://www.tucows.com/preview/194554">Download Eyedropper</a> &#8211; <a rel="nofollow" href="http://www.nattyware.com/pixie.html">Download Pixie</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stormdamage.org/using-eyedropper-to-select-a-hex-colour/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Bug Me Not</title>
		<link>http://stormdamage.org/bug-me-not/</link>
		<comments>http://stormdamage.org/bug-me-not/#comments</comments>
		<pubDate>Fri, 27 Jun 2008 17:03:09 +0000</pubDate>
		<dc:creator>Leonie</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://stormdamage.org/?p=11</guid>
		<description><![CDATA[Here&#8217;s something useful &#8211;  repository of logins and passwords for many different sites: www.bugmenot.com
It&#8217;s very handy for sites such as Stock Xchng (royalty free stock photos), Youtube, or the New York Times. Or really any site which tries to glean personal information for no real reason.
They also have a &#8216;disposable email&#8217; feature for creating [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s something useful &#8211;  repository of logins and passwords for many different sites: <a href="http://www.bugmenot.com/" rel="nofollow">www.bugmenot.com</a></p>
<p>It&#8217;s very handy for sites such as <a href="http://www.sxc.hu/" rel="nofollow">Stock Xchng</a> (royalty free stock photos), Youtube, or the New York Times. Or really any site which tries to glean personal information for no real reason.</p>
<p>They also have a &#8216;disposable email&#8217; feature for creating temporary email address. This enables you to sign up to sites you know will send you spam, without divulging your personal email address.</p>
]]></content:encoded>
			<wfw:commentRss>http://stormdamage.org/bug-me-not/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
