North Bay Internet Society

Below are sites, systems and code showing different ways to hide email addresses in markup (HTML) from the automated robots that capture an email address from a Web page to use or sell to spammers.

Add your favorite methods or opinions by scrolling down the page to Add Your Comment.

1. From Anet Dunne:
This is how I have been hiding Email addresses for several years. It validates XHTML Strict

(The name Anet is a link that when clicked on will open a new email message in your email program and display the entire email address.)

To see code, go to: http://HeresMine.com and View Source in the browser to see the code above the dotted line.

2. From Bruce Philpott:

At North Bay Internet Society this evening, we were discussing hiding email

addresses from spambots.

Here's a solution I copied from someplace (with permission):

<!--

var contact = "bp@brucephilpott.com"

var email = "bp"

var emailHost = "brucephilpott.com"

document.write("email: <a href=" + "mail" + "to:" + email + "@" +

emailHost+ ">"

+ contact + "</a>")

//-->

</script>

The changeable items above are:
var contact = "bp@brucephilpott.com" [your email address]
var email = "bp" [your email name]

var emailHost = "brucephilpott.com" [your domain]

3. From Abby Krumel:

Here is what I've tried. It has worked so far, and I'm not hearing any complaints from the client lately.

This is the basic code on the page.
<p>Send an email to <a href="mailto:nospam@domain.com">Jane Smith</a></p>

This is the forwarder in the web host cpanel:
nospam@domain.com to jsmith@sonic.net

My plan is to change the the mailto name whenever the spam levels rise again. Then delete the forwarder, and add a new one for the new name.

4. From Janet Zagoria:
The Enkoder Form (Hivelogic)
http://hivelogic.com/enkoder/form

Directions for The Basic Form
Examples what to fill in the fields:

Email address
janet@aol.com 
The email address to enkode (e.g. you@example.com)

Link text
janet@aol.com 
Text people will see on the page (e.g. "Email me")

Link title text 
Email Janet 
Seen when mousing-over the link (e.g. "Click to email me")

Email subject (optional)
From My Home Page 
An optional subject line for the email

When the Submit button is clicked, the above produces the below code (script). This script is inserted into the same spot where your mailto would go. You can use span tags around it if that is your CSS system.

Another method, although not nearly as good, is an:
Email Address Obfuscators
http://www.albionresearch.com/misc/obfuscator.php
http://www.wbwip.com/wbw/emailencoder.html

These use HTML entities. (Google this term if you need to see the list.) Each character has an equivalent entity but the obfuscator does not turn all letters into their entities. Even if it did it would not make it any more powerful.
janet@aol.com produces:
<a href='mailto:janet@%61ol.%63%6Fm'>janet@aol.com</a>

You can figure this out on your own if you have the list of entities but it takes forever to do.

If you want a Captcha method, you can go to:
Captcha code creator, PHP captcha script
http://www.captchacreator.com

Content Strategy Resources

Wed, 27 Oct 2010 19:40:26 GMT

Site Links, Blogs and Books on Content Strategy

Some links may need to be copy and pasted into the browser field.

Content Strategy for the Web http://prezi.com/nv9ftasf-rca/content-strategy-from-frog-to-prince/

Articles
3 Ways top Get Content Strategy Funded ˆ http://writingfordigital.com/2010/10/08/3-ways-to-get-content-strategy-funded/

Small business owner? 5 Tips for getting a low-cost, high-value content strategy - http://e3contentstrategy.blogspot.com/2010/06/small-business-owner-5-tips-for-getting.html

Getting Good Buy In on Web Projects - http://sparksheet.com/getting-good-buy-in-on-web-projects/

20 tips for writing for the web - http://www.fatdux.com/blog/2009/08/07/20-tips-for-writing-for-the-web/

30 Content SEO, Marketing, Creation, Strategy & Promotion Insights + Resources - http://www.seoptimise.com/blog/2010/08/30-content-seo-marketing-creation-strategy-promotion-insights-resources.html

4 Web Project Problems Content Strategy Can Solve ˆ
http://johnnyholland.org/2010/10/11/4-web-project-problems-content-strategy-can-solve/

5 Ways to Fast-Track Your Web Content - http://www.contentmarketinginstitute.com/2010/08/5-ways-to-fast-track-your-web-content/

The Cure for Content Delay Syndrome - http://www.alistapart.com/articles/thecureforcontent-delaysyndrome/

Content Templates to the Rescur - http://www.alistapart.com/articles/content-templates-to-the-rescue/

Strategic Content Management - http://www.alistapart.com/articles/strategic-content-management/

The Discipline of Content Strategy - http://www.alistapart.com/articles/thedisciplineofcontentstrategy

Anatomy of a Web Content Document - http://blog.braintraffic.com/2010/02/anatomy-of-a-web-content-document/

Are Your Compelling Offers Actually Compelling - http://blog.hubspot.com/blog/tabid/6307/bid/4793/Are-Your-Compelling-Offers-Actually-Compelling.aspx

Content Analysis: From Inventory to Insight, by Colleen Jones - http://vimeo.com/10542551

Where Does Tone & Voice Fit Into Content Strategy - http://e3contentstrategy.blogspot.com/2010/08/how-your-web-copy-is-like-your-mother.html

Content as an Essential Strategy - http://www.ducttapemarketing.com/blog/2010/10/15/content-as-an-essential-strategy/

Content Strategy: What Do They Do? - http://contentini.com/content-strategists-what-do-they-do/

Content Strategy Success in 5 Steps - http://www.shellybowen.com/2010/04/content-strategy-success-in-5-steps/

Content Strategy: 7 Practical Tips for Getting Stakeholder Buy In - http://www.cmswire.com/cms/web-engagement/content-strategy-7-practical-tips-for-getting-stakeholder-buy-in-008369.php

Content Strategy in 6 Crazy-Simple Steps - http://e3contentstrategy.blogspot.com/2010/10/content-strategy-in-6-crazy-simple.html

How Readable is Your Content - http://e3contentstrategy.blogspot.com/2010/07/how-readable-is-your-content.html

How Useful is Your Content - http://e3contentstrategy.blogspot.com/2010/08/how-useful-is-your-content.html

How to avoid content breaking design - http://onlineitallmatters.blogspot.com/2010/10/content-strategy-how-to-avoid-content.html

Why you Should Hire a Content Strategist - http://onlineitallmatters.blogspot.com/2010/09/content-strategy-why-you-should-hire.html

Content Comes Before Good Design - http://blogs.sitepoint.com/2009/01/13/content-comes-before-good-design/

Startup website essentials ˆ answering 5 key questions - http://mindlinkmarketing.com/2010/09/startup-website-essentials-answering-5-key-questions/

Blogs

Brain Traffic Blog - http://blog.braintraffic.com/

Lucid Plot http://lucidplot.com/

Contente - http://contente.org/

Intentional Design

Rich Text - http://www.richtext.com/

Incisive.nu - http://incisive.nu/

Delightful Content - http://delightfulcontent.com/

Words are Delicious - http://www.wordsaredelicious.com/

Winning Content - http://www.leenjones.com/

CopyBlogger - http://www.copyblogger.com/

Content-ment - http://www.content-ment.com/

Pybop - Exceptional Web Content - http://www.shellybowen.com/

E3 Content Strategy - http://www.e3contentstrategy.com/

RichText - http://www.richtext.com/

Online it All Matters - http://onlineitallmatters.blogspot.com/

Other Stuff I like

A List Apart - http://www.alistapart.com/

CMS Myth - http://www.cmsmyth.com/

HubSpot - http://blog.hubspot.com/

New Fangled Web Factory - http://www.newfangled.com/

Clients from Hell - http://clientsfromhell.net/

Books

Content Strategy for the Web ˜by Kristina Halvorson

Letting Go of Words ˜by Janice (Ginny) Redish

Don't make me Think, Second Edition ˜by Steve Krug

Yahoo Style Guide

Website Owner's Manual ˜by Paul Boag, Boagworld, Headscape Web Consultancy

Chron Article: Apple's success brings scrutiny

Mon, 10 May 2010 19:27:54 GMT

News reports last week that Apple Inc. may be the target of an inquiry by either the Department of Justice or the Federal Trade Commission underscores a new reality: Apple is hardly the underdog anymore.

After years of playing a distant second in the personal computer operating system market, Apple has reshaped itself as a major force in mobile computing with its iPhone leading the charge. That, in turn, is drawing new scrutiny of the company and may force Apple to change its approach from scrappy challenger to an emerging market leader...

HTML5 Mania: Examples and Tutorials

Sat, 08 May 2010 02:53:09 GMT

I linked an article in an earlier post about Scribd abandoning Flash for HTML5 but I hadn't gone to their site. I went to Scribd and other HTML5 related sites and here are some interesting things to look at:

If you go to the Scribd site (http://www.scribd.com) and scroll down to click on the thumbnails under "Explore: Scribd in HTML5," you will see they show them in HTML5 but also let you see them in Flash. You can see the difference the way they display.

I also discovered a site that is dedicated to showing HTML5 sites: http://html5gallery.com.

From HTML5 Gallery, I clicked on the below example and it is hard to believe this home page is done in HTML5 without any Flash (also has jQuery):
http://www.circuitounimedrio.com.br
(From Brazil so it's in Portuguese but you don't need to understand the language to see what it does.)
Once at this site, on the Home page, hover over the gray golf ball-like circles.
After two more click-throughs, it eventually takes you to a larger Flash movie.

Off the HTML5 Gallery, there is also a HTML5 Doctor site: http://html5doctor.com.
On the HTML Doctor site, the Article Archive button takes you to tutorials.

List of Social Tracking and Management Tools

Fri, 07 May 2010 20:07:28 GMT

Janet and I sat in on a presentation by an Attensity360 “Community Manager”. They have a social tracking and analytics tool that “monitors and analyzes social media conversations and their impact on your business”. They call there toolset a Social CRM. Prices and plans range from $319 per month to $2,239 per month and up.

The speaker mentioned a variety of social tracking and management tools. I’ve listed the page title or blurb and URL of the site homepages:

CoTweet - How business does Twitter http://cotweet.com/

Klout - Twitter Analytics - Measuring Influence Across The Social Web http://klout.com

Trendistic - see trends in twitter http://trendistic.com

chartbeat - real-time website analytics and uptime monitoring http://www.chartbeat.com

Real Time Search - Social Mention http://socialmention.com (“Like Google Alerts but for social media.”)

Radian6 http://www.radian6.com Social Media Monitoring and Engagement

Scout Labs http://scoutlabs.com How teams tune in to social media.

Twitter Directory and Search, Find Twitter Followers : WeFollow http://wefollow.com

Twitter Alerts - TweetBeep.com http://tweetbeep.com

List of Tech Blogs, etc.

Fri, 07 May 2010 20:01:51 GMT

O'Reilly Web 2.0 Expo sent me a survey Thursday since I went to it on Wednesday, 5/5. In the survey it asked what Websites, blogs, or publications I visit.

The list of them was good, some I know, many I didn't or forgot about. They just had the names, no URLs. Since I wanted to go to all of them to see which ones I was interested in to bookmark, I thought I would share with all of you the list with their URLs.

Some of the same topics I saw on several of them. One topic was the announcement by Scribd at the Web 2.0 Expo that they are dropping Flash for HTML5:
http://www.informationweek.com/news/software/showArticle.jhtml?articleID=224700967

The DaileyTech has an article entitled:
Microsoft Teams Up With Apple, Dissing Adobe and Praising HTML5
http://www.dailytech.com/Microsoft+Teams+Up+With+Apple+Dissing+Adobe+and+Praising+HTML5/article18276.htm

Things may be moving faster than the human brain can see...

List of Blogs, etc. below. Let me know if I got any URLs wrong.

43 Folders, http://www.43folders.com
A VC, http://www.avc.com
Alarm:Clock, http://www.thealarmclock.com
AltSearchEngines, http://www.altsearchengines.com
AnandTech, http://www.anandtech.com
BMighty, http://bmighty.informationweek.com
BoingBoing, http://www.boingboing.net
Boy Genius, http://www.boygeniusreport.com
bub.bliciou.us, http://bub.blicio.us
BusinessWeek. http://www.businessweek.com
CIO Index, http://www.cioindex.com
Contentinople, http://www.contentinople.com
Cool Tools, http://www.kk.org/cooltools
CrunchBase, http://www.crunchbase.com
CrunchGear, http://www.crunchgear.com
DailyTech, http://www.dailytech.com
Destructoid, http://www.destructoid.com (gamers)
Dev Shed, http://www.devshed.com
Earth2Tech, http://earth2tech.com
Electronista, http://www.electronista.com
Fast Company, http://www.fastcompany.com
Gadgetopia, http://gadgetopia.com
Gaping Void, http://gapingvoid.com
GigaOm, http://gigaom.com
Girls in Tech, http://girlsintech.net
How to Change the World, http://blog.guykawasaki.com (Guy Kawasaki)
Infectious Greed, http://paul.kedrosky.com,
Information Week, http://www.informationweek.com
Instructables, http://www.instructables.com
jkOnTheRun, http://jkontherun.com,
John Battelle's Search Blog, http://battellemedia.com
Laughing Squid, http://laughingsquid.com
LifeClever, http://www.lifeclever.com
MAKE, http://makezine.com
Mashable, http://mashable.com
MobileCrunch, http://www.mobilecrunch.com
NewTeeVee, http://newteevee.com
NYT.com, http://global.nytimes.com
OhGizmo!, http://www.ohgizmo.com
OStatic, http://ostatic.com
PaidContent, http://paidcontent.org
PopURLs, http://popurls.com
Portfolio, http://www.portfolio.com
Programmable Web, http://www.programmableweb.com
ReadWriteWeb, http://www.readwriteweb.com
Real World Technologies, http://www.realworldtech.com
Salon.com, http://www.salon.com
Sfgate.com, http://www.sfgate.com
Silicon Alley, http://www.businessinsider.com/sai
Silicon Valley Watcher, http://www.siliconvalleywatcher.com
Social Media Club, http://www.socialmediaclub.org
Street Use, http://www.kk.org/streetuse
TechCrunch, http://techcrunch.com
TechCrunchIT, http://www.techcrunchit.com
TechDirt, http://www.techdirt.com
TechMeme, http://techmeme.com
Technologizer, http://technologizer.com
TheAppleBlog, http://theappleblog.com
Ubergizmo, http://www.ubergizmo.com
Uncrate, http://www.uncrate.com
Vator.tv, http://vator.tv
Venturebeat, http://venturebeat.com
WebWorkerDaily, http://webworkerdaily.com
Wikia, http://www.wikia.com/Wikia
Wired, http://www.wired.com
WSJ.com, http://online.wsj.com/home-page
ZDNet, http://www.zdnet.com

July 15 Meeting: Content Strategy with Jeri Hastava

Sat, 24 Apr 2010 01:31:54 GMT

Jeri Hastava (Leap of Faith Web Design), Web Designer, Content Developer and Writer will give us some insights on:

What is a Website Content Strategy?
Where does Social Media fit into the equation?
Where a Content Strategy fits into a project.
Resources and examples.

Jeri will also share what she has learned about Content Strategy at O'Reilly's (Web 2.0 Expo) in May and Voices that Matter Conference (voicesthatmatter.com) in June, both in San Francisco.

Read The Discipline of Content Strategy by Kristina Halvorson on A List Apart to get some background on this somewhat recently coined term.

Stayed tuned for more info.

June 17 Meeting: Joomla! with James Foreman

Sat, 24 Apr 2010 01:25:16 GMT

James Foreman (jamesforeman.biz), Web Designer and Internet Marketing Professional, having recently returned to Sonoma County will cover Joomla! (joomla.org), an award-winning content management system (CMS), which enables you to build Websites and powerful online applications.

Why Joomla! Overview (stats, awards and current reality)
How to use basics, example templates and back-end, front-end editing.
Example of best uses for Joomla! showing live Websites
Using a recent design, he will show a client Website needs and the Joomla! solutions to create the Website.

Stayed tuned for more info.