<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Interactive Llama :: Interactive media tutorials and tips</title>
	
	<link>http://www.interactivellama.com/blog</link>
	<description>Interactive media tutorials and tips</description>
	<pubDate>Mon, 22 Jun 2009 17:23:35 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/DesignWell" type="application/rss+xml" /><item>
		<title>Less than 8% of the “common man” surveyed know what a web…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/H7GT0i5KPPc/</link>
		<comments>http://www.interactivellama.com/blog/archives/less-than-8-of-the-common-man/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 17:23:35 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/less-than-8-of-the-common-man/</guid>
		<description><![CDATA[Less than 8% of the &#8220;common man&#8221; surveyed know what a web browser is? http://is.gd/19oLv
]]></description>
			<content:encoded><![CDATA[<p>Less than 8% of the &#8220;common man&#8221; surveyed know what a web browser is? <a href="http://is.gd/19oLv" rel="nofollow">http://is.gd/19oLv</a></p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/H7GT0i5KPPc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/less-than-8-of-the-common-man/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/less-than-8-of-the-common-man/</feedburner:origLink></item>
		<item>
		<title>Hiding an email address from spambots and spiders</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/-TmJAPNIl0A/</link>
		<comments>http://www.interactivellama.com/blog/archives/hiding-an-email-address-from-spambots-and-web-spiders-less-spam/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 14:24:22 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[HTML and CSS]]></category>

		<category><![CDATA[Tutorials]]></category>

		<category><![CDATA[asp]]></category>

		<category><![CDATA[crawlers]]></category>

		<category><![CDATA[email]]></category>

		<category><![CDATA[obfuscation]]></category>

		<category><![CDATA[PHP]]></category>

		<category><![CDATA[spam]]></category>

		<category><![CDATA[spam-bots]]></category>

		<guid isPermaLink="false">http://www.smjdesign.com/designwell/?p=204</guid>
		<description><![CDATA[
There is an army of spiders out there.  Some, like GoogleBot, you want scanning your site to be listed in their search engine. Many however have a devious purpose&#8211;to collect email addresses to add to spam email lists. If your email address is already out there, then there is no pulling it back in. The [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-266" title="spider-webs" src="http://www.interactivellama.com/blog/wp-content/uploads/2009/06/spider-webs.jpg" alt="spider-webs" width="510" height="283" /></p>
<p>There is an army of spiders out there.  Some, like GoogleBot, you want scanning your site to be listed in their search engine. Many however have a devious purpose&#8211;to collect email addresses to add to spam email lists. If your email address is already out there, then there is no pulling it back in. The only way to eliminate spam is to create a different address and inform all your contacts that you have changed email addresses.</p>
<p>Ways to combat email spam:</p>
<ul>
<li>A non-linked image</li>
<li>HTML entity encoding</li>
<li>Client-side obfuscation/abstraction (via JavaScript)</li>
<li>Server-side redirect</li>
<li>Contact form (no email address listed)</li>
</ul>
<p>If your email address, is spelled out with any client viewable code, it is possible to obtain. Now that search engines can read PDF documents, including your email within a PDF as text may be suspect. I have not gone into great depth on any of them below but have provided a short description of each method with advantages and disadvantages listed.<span id="more-204"></span></p>
<p><strong>A non-linked image</strong></p>
<ul>
<li><em>Anyone viewing images can see your address, but has to visually remember and re-type this address</em></li>
<li><em>Low chance of your email address being grabbed by a spam robot</em></li>
</ul>
<p>This is how Facebook displays email addresses in one’s profile. It is inconvenient to the user, since he or she cannot click the email address in order to send an email. The spider may grab one’s email address if a spam robot uses image reading (Optical Character Recognition) though this is unlikely at this time.</p>
<p><strong>HTML entity encoding</strong></p>
<ul>
<li><em>Anyone with a typical browser will be able to contact you</em></li>
<li><em>Medium to high chance of your email address being grabbed by a spam robot</em></li>
</ul>
<p>This method encodes certain characters of the email address into Unicode.  For instance, “Bob” in Unicode is “&amp;#66;&amp;#111;&amp;#98;” Since computers create Unicode, it does not seem like a hard task to decode from Unicode. I do not recommend this solution.</p>
<p><strong>Client-side obfuscation/abstraction (via JavaScript)<br />
</strong></p>
<ul>
<li><em>Anyone with a typical browser will be able to contact you</em></li>
<li><em>Low chance of your email address being grabbed by a spam robot</em></li>
</ul>
<p>This anti-spam solution is not a cure all&#8211;but it is my favorite right now. Some spider bots do run JavaScript. The majority of the spider robots do not however. The method described here not only prevents your email address from being obvious simple text, but it also performs levels of obfuscation and abstraction that makes it useable for actual browsers to read and gracefully degrade for those without JavaScript running.</p>
<p>In a related form, if you create your JavaScript function or call of the function on the server-side (ASP, PHP, etc) then you can <a href="http://pubs.logicalexpressions.com/Pub0009/LPMArticle.asp?ID=755">slightly change the function over a period of time</a>.  The user will never notice, since the output being given is exactly the same. It is only the input (the simple text) into the JavaScript function that is being changed.</p>
<p><strong>Server-side redirect</strong></p>
<ul>
<li><em>Anyone with a typical browser will be able to contact you</em></li>
<li><em>Medium to high chance of your email address being grabbed by a spam robot</em></li>
</ul>
<p>There are several ways to do this. Most redirect to a script that provides the email address. The problem with this solution is that spam robots will follow the link and eventually grab the URL although the email address is not in plain text. It is being given out. This is an <a href="http://jamesthornton.com/software/redirect-mailto.html">example of the server-side redirect method</a>. A similar solution is <a href="http://mailhide.recaptcha.net/">MailHide</a> from Captcha. I don’t recommend any use of Captcha except as a last resort, since I don’t enjoy using captchas myself.</p>
<p><strong>Contact form (no email address listed)</strong></p>
<ul>
<li><em>Anyone with a typical browser will be able to contact you, but will not know your email address<br />
</em></li>
<li><em>Next to no chance of your email address being grabbed by a spam robot</em></li>
</ul>
<p>This is guaranteed to save your email address from spam lists, since your email address is never used within your page. This solution could be annoying, since a potential vendor will have to use the contact form to hear more about your product. I’ve always thought this was impersonal. Although less of an issue for personal sites, a user often does not feel he or she is contacting the site owner.</p>
<p><strong>In conclusion</strong></p>
<p>The contact form is the only full-proof way, but right now, I prefer JavaScript obscuration. If my email address is captured, Gmail does a very good job (if sometimes, too aggressive) of ferreting out the email spam. If you&#8217;d like to have a small sense of justice, you can link your website to a <a href="http://towerofbabel.com/antispam/">multitude of email addresses</a> that are all fake.</p>
<p>Photo: Lake Tawakoni State Park, Texas, August 15, 2007 (Donna Garde)</p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/-TmJAPNIl0A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/hiding-an-email-address-from-spambots-and-web-spiders-less-spam/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/hiding-an-email-address-from-spambots-and-web-spiders-less-spam/</feedburner:origLink></item>
		<item>
		<title>It’s always amazing how much interactive programming comes…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/L6zdWYjuF80/</link>
		<comments>http://www.interactivellama.com/blog/archives/its-always-amazing-how-much/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 20:21:51 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/its-always-amazing-how-much/</guid>
		<description><![CDATA[It&#8217;s always amazing how much interactive programming comes down to &#8220;states&#8221; &#8212; Where am I now and where am I supposed to go?
]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s always amazing how much interactive programming comes down to &#8220;states&#8221; &#8212; Where am I now and where am I supposed to go?</p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/L6zdWYjuF80" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/its-always-amazing-how-much/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/its-always-amazing-how-much/</feedburner:origLink></item>
		<item>
		<title>HTML: Discovering Windows/IE’s issue with Unicode…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/VYGbRV8qD3w/</link>
		<comments>http://www.interactivellama.com/blog/archives/html-discovering-windowsies-issue/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 19:43:27 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/html-discovering-windowsies-issue/</guid>
		<description><![CDATA[HTML: Discovering Windows/IE&#8217;s issue with Unicode characters and the magic font &#8220;Arial Unicode MS.&#8221; That just wasted 2 hours of my life.
]]></description>
			<content:encoded><![CDATA[<p>HTML: Discovering Windows/IE&#8217;s issue with Unicode characters and the magic font &#8220;Arial Unicode MS.&#8221; That just wasted 2 hours of my life.</p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/VYGbRV8qD3w" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/html-discovering-windowsies-issue/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/html-discovering-windowsies-issue/</feedburner:origLink></item>
		<item>
		<title>Every WordPress developer should use a “Theme Unit Test.”…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/gq4qvlOl1fo/</link>
		<comments>http://www.interactivellama.com/blog/archives/every-wordpress-developer-should-use-a/#comments</comments>
		<pubDate>Thu, 28 May 2009 15:33:00 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/every-wordpress-developer-should-use-a/</guid>
		<description><![CDATA[Every WordPress developer should use a &#8220;Theme Unit Test.&#8221; Import placeholder content for theme development. An example: http://is.gd/IdDM
]]></description>
			<content:encoded><![CDATA[<p>Every WordPress developer should use a &#8220;Theme Unit Test.&#8221; Import placeholder content for theme development. An example: <a href="http://is.gd/IdDM" rel="nofollow">http://is.gd/IdDM</a></p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/gq4qvlOl1fo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/every-wordpress-developer-should-use-a/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/every-wordpress-developer-should-use-a/</feedburner:origLink></item>
		<item>
		<title>“Your inbox is a ToDo list that anyone in the world can…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/9CU8-wN8C8s/</link>
		<comments>http://www.interactivellama.com/blog/archives/your-inbox-is-a-todo-list-that-anyone/#comments</comments>
		<pubDate>Thu, 21 May 2009 16:07:49 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/your-inbox-is-a-todo-list-that-anyone/</guid>
		<description><![CDATA[&#8220;Your inbox is a ToDo list that anyone in the world can write to.&#8221;
]]></description>
			<content:encoded><![CDATA[<p>&#8220;Your inbox is a ToDo list that anyone in the world can write to.&#8221;</p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/9CU8-wN8C8s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/your-inbox-is-a-todo-list-that-anyone/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/your-inbox-is-a-todo-list-that-anyone/</feedburner:origLink></item>
		<item>
		<title>WebDev: Looking into Universal IE6 CSS by Andy Clarke to…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/DkInsxitvO8/</link>
		<comments>http://www.interactivellama.com/blog/archives/webdev-looking-into-universal-ie6-css/#comments</comments>
		<pubDate>Thu, 21 May 2009 15:49:08 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/webdev-looking-into-universal-ie6-css/</guid>
		<description><![CDATA[WebDev: Looking into Universal IE6 CSS by Andy Clarke to remove layout, but maintain usability http://is.gd/BSfO
]]></description>
			<content:encoded><![CDATA[<p>WebDev: Looking into Universal IE6 CSS by Andy Clarke to remove layout, but maintain usability <a href="http://is.gd/BSfO" rel="nofollow">http://is.gd/BSfO</a></p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/DkInsxitvO8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/webdev-looking-into-universal-ie6-css/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/webdev-looking-into-universal-ie6-css/</feedburner:origLink></item>
		<item>
		<title>HTML: Remember to convert special characters to entities…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/REXz1csHQAM/</link>
		<comments>http://www.interactivellama.com/blog/archives/html-remember-to-convert-special/#comments</comments>
		<pubDate>Tue, 19 May 2009 16:16:34 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/html-remember-to-convert-special/</guid>
		<description><![CDATA[HTML: Remember to convert special characters to entities and not just paste from a word processor (especially ampersands). Convert to ASCII
]]></description>
			<content:encoded><![CDATA[<p>HTML: Remember to convert special characters to entities and not just paste from a word processor (especially ampersands). Convert to ASCII</p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/REXz1csHQAM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/html-remember-to-convert-special/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/html-remember-to-convert-special/</feedburner:origLink></item>
		<item>
		<title>It’s amazing how much more time it takes to grunge a…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/UvEMr8EiThI/</link>
		<comments>http://www.interactivellama.com/blog/archives/its-amazing-how-much-more-time-it/#comments</comments>
		<pubDate>Fri, 15 May 2009 16:09:14 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/its-amazing-how-much-more-time-it/</guid>
		<description><![CDATA[It&#8217;s amazing how much more time it takes to grunge a website layout with all its floats and background images than anything rectangular.
]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s amazing how much more time it takes to grunge a website layout with all its floats and background images than anything rectangular.</p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/UvEMr8EiThI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/its-amazing-how-much-more-time-it/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/its-amazing-how-much-more-time-it/</feedburner:origLink></item>
		<item>
		<title>CSS: Firefinder for Firebug shows HTML elements that…</title>
		<link>http://feedproxy.google.com/~r/DesignWell/~3/qs7xqqqNTcY/</link>
		<comments>http://www.interactivellama.com/blog/archives/css-firefinder-for-firebug-shows-html/#comments</comments>
		<pubDate>Wed, 13 May 2009 20:13:44 +0000</pubDate>
		<dc:creator>Stephen James</dc:creator>
		
		<category><![CDATA[Asides]]></category>

		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.interactivellama.com/blog/archives/css-firefinder-for-firebug-shows-html/</guid>
		<description><![CDATA[CSS: Firefinder for Firebug shows HTML elements that matching chosen CSS selector to fine-tune selecting http://tinyurl.com/ojuzqr
]]></description>
			<content:encoded><![CDATA[<p>CSS: Firefinder for Firebug shows HTML elements that matching chosen CSS selector to fine-tune selecting <a href="http://tinyurl.com/ojuzqr" rel="nofollow">http://tinyurl.com/ojuzqr</a></p>
<img src="http://feeds.feedburner.com/~r/DesignWell/~4/qs7xqqqNTcY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.interactivellama.com/blog/archives/css-firefinder-for-firebug-shows-html/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.interactivellama.com/blog/archives/css-firefinder-for-firebug-shows-html/</feedburner:origLink></item>
	</channel>
</rss>
