<?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>my crazy blog</title>
	<atom:link href="http://mycrazydream.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://mycrazydream.net/wp</link>
	<description>c o d e  p o e t r y  a n d  h i g h  c r a z i n e s s</description>
	<lastBuildDate>Sat, 04 Sep 2010 12:06:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Aquatic Ape Hypothesis</title>
		<link>http://mycrazydream.net/wp/2010/09/the-aquatic-ape-hypothesis-humanitys-waterbabies/</link>
		<comments>http://mycrazydream.net/wp/2010/09/the-aquatic-ape-hypothesis-humanitys-waterbabies/#comments</comments>
		<pubDate>Sat, 04 Sep 2010 11:12:24 +0000</pubDate>
		<dc:creator>mcd</dc:creator>
				<category><![CDATA[My Crazy Dream]]></category>

		<guid isPermaLink="false">http://mycrazydream.net/wp/?p=605</guid>
		<description><![CDATA[
div.post .content p {margin-bottom:20px;}
div.post .content li {margin-bottom:10px;}
#attachment_611 { display:block;width:240px;float:right; }

Humanity&#8217;s Waterbaby Ancestry
The Savanna Theory

	In the 90s a much loved theory on human evolution began to crumble quietly in the halls of science. Unlike when the fall of a scientific hypothesis is often caused by a better hypothesis, in this case there was only a vacuum [...]]]></description>
			<content:encoded><![CDATA[<style>
div.post .content p {margin-bottom:20px;}
div.post .content li {margin-bottom:10px;}
#attachment_611 { display:block;width:240px;float:right; }
</style>
<h3 style="text-indent:0;margin:4px 0 15px 0;color:#e5e5e5;font-style:italic;">Humanity&#8217;s Waterbaby Ancestry</h3>
<h5>The Savanna Theory</h5>
<div id="attachment_612" class="wp-caption alignleft" style="width: 310px"><a href="http://mycrazydream.net/wp/wp-content/uploads/2010/09/ayeaye.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/09/ayeaye-300x173.jpg" alt="" title="ayeaye" width="300" height="173" class="size-medium wp-image-612" /></a><p class="wp-caption-text">Continuing up the evolutionary ladder, we see humanity's future.</p></div>In the 90s a much loved theory on <a href="http://en.wikipedia.org/wiki/Human_evolution" target="_blank">human evolution</a> began to crumble quietly in the halls of science. Unlike when the fall of a scientific hypothesis is often caused by a better hypothesis, in this case there was only a vacuum to replace the <a href="http://en.wikipedia.org/wiki/Savanna_principle" target="_blank">Savanna theory</a>. The issue in question was one of selective pressure; why and how humans evolved certain unique characteristics not shared by other primates.
</p>
<p>&nbsp;</p>
<p style="height:10px;">&nbsp;</p>
<ol>
<li>Why does <em><a href="http://en.wikipedia.org/wiki/Homo_sapiens" target="_blank">homo sapiens</a></em> walk on two legs?</li>
<li>Why did they learn to speak?</li>
<li>Why have they lost their fur?</li>
</ol>
<p></p>
<p>
	The agreed upon selective pressure, flimsy though it was, was that man began to walk upright as he migrated from the trees to the open savanna. The height gained from [bipedal|bipedalism] aided hunting, avoiding predators, with the side-effect being hands that loitered ineffectually at the side. Thankfully, instead of <a href="http://en.wikipedia.org/wiki/Vestigiality" target="_blank">vestigial</a> drumsticks like the T-Rex or a jump down the evolutionary ladder from homo sapiens to homo autoeroticus-constans, we instead picked up a freaking stone axe. We were the new badass stone age-lumberjacks on the scene, deal with it!. Oh, and there was supposedly a bit of art and music somewhere in there too.
</p>
<p></p>
<p>
	In a clear <a href="http://science.howstuffworks.com/environmental/life/genetic/question85.htm" target="_blank">chicken or the egg</a> scenario, the process of doing these new creative activities effected intelligence in the brain, which may have given rise to the ability to speak. But then, how did we do these new creative activities without the necessary intelligence in the first place? Let us pause for a second to scratch our chins. &#8220;Hmmm&#8230;&#8221;
</p>
<p></p>
<p>
	As for he new &#8220;always naked&#8221; apes on the African scene, savanna doesn&#8217;t have much to offer in the way of an explanation. The larger problem with the savanna theory is that it makes sweeping assumptions about humanity based upon a small subset of data from an isolated geography.
</p>
<p></p>
<p>
	The whole &#8220;Head to the Savannah, young ape-man&#8221; theory arose during a time when humman fossils found in South Africa near grasslands were in the limelight. Anthropologists have of course made many other finds of even older humans living in wooded, wet areas bipedally. The famous <a href="http://www.everything2.com/title/Australopithecus+afarensis" target="_blank">Lucy</a> was actually buried next to a lake. 
</p>
<p></p>
<p>
	A less well-known theory also exists that offers a different selective pressure as cause to bipedalism, nakedness, and hairlessness. Instead of the grasslands as trait incubator, humanity&#8217;s ancestors go back instead to the water from which each mammal was born.
</p>
<p></p>
<h5>Tenets of the Aquatic Ape Hypothesis</h5>
<ul>
<li>
<div id="attachment_611" class="wp-caption alignnone" style="width:160px;float:right;"><a href="http://mycrazydream.net/wp/wp-content/uploads/2010/09/naked_mole_rat.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/09/naked_mole_rat-150x150.jpg" alt="" title="naked_mole_rat" width="150" height="150" class="size-thumbnail wp-image-611" /></a>
<p class="wp-caption-text"><i>Shaved</i> is the sexy new look this summer.</p>
</div>
<p>Every animal that has become naked and hairless has an aquatic ancestor, even the Rhinoceros and Elephant. The one exception is the <a href="http://en.wikipedia.org/wiki/Naked_mole_rat" target="_blank">Naked Somalian Mole Rat</a>, that lives its life entirely underground.<br class="clear" /></li>
<li>
	Bipedalism. All primates have the ability to walk on two legs for a short time, but when they wade through the water they always walk upright. This phenomenon was noted by <a href="http://www.davidattenborough.co.uk/" target="_blank">David Attenborough</a> as well, a supporter of the Aquatic Ape hypothesis.
	</li>
<li>
	Unlike all other primates, human have a <a href="http://en.wikipedia.org/wiki/Subcutaneous" target="_blank">subcutaneous</a> fat layer (especially prominent in infants). Other aquatic mammals, such as the whale, possess this same type of fat-layer.
	</li>
<li>
	It is no shape in the way the throat is formed, or particular set of muscles in the tongue that the primate possesses that prevent speech. It is not even intelligence &#8211; the gorilla cannot even mimic a couple syllables. Why? The important difference lies in the conscious ability to control ones breath, the fine control of which is unseen among land mammals. The only creatures with this ability are diving animals and birds.
	</li>
<li>
	Our bodies our streamlined. Imagine the infinitesimal splash the Olympic diver creates when they enter the water off of the high dive. Now contrast this with a gorilla in a similar attempt. No matter what incredible level of coordination the primate acquires, that body will always be highly prone to an incredibly comedic splash.
	</li>
</ul>
<p><div id="attachment_610" class="wp-caption aligncenter" style="width: 588px"><a href="http://mycrazydream.net/wp/wp-content/uploads/2010/09/aquatic-ape-theory.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/09/aquatic-ape-theory.jpg" alt="" title="aquatic-ape-theory" width="568" class="size-full wp-image-610" /></a><p class="wp-caption-text">Like a duck to water, a monkey to a banana. So are the days of our lives...</p></div>
<p>&nbsp;</p>
<p>
Of course, as with most discussions about the exact cause of a unique evolutionary trait gained hundreds of thousands to millions of years ago, the evidence does not prove causality. We have plenty of physical evidence to support something less unique, such as the return of some land-based mammals to the ocean. The unique traits of humanity, which remain the <a href="http://www.alistapart.com/articles/holygrail" target="_blank">holy grail</a> of evolutionary study, often are explained by very clever answers to &#8220;what if&#8221; questions.
</p>
<p></p>
<p>
Consider come counter-points to the AAT, courtesy of <a href="http://en.wikipedia.org/wiki/Main_Page" target="_blank">Wikipedia</a>.
</p>
<ul>
	<em></p>
<li>
	Hairlessness &#8211; most aquatic mammals that are comparably sized to humans are not hairless, but have dense, insulating fur and swim very well, with fatty layers beneath the skin.
	</li>
<li>
	Bipedalism – the disadvantages cited for bipedalism within the AAT are often the result of comparing humans to medium, terrestrial quadrupeds, but human evolution never included a period of quadrupedal locomotion.
	</li>
<li>
	Body fat – the subcutaneous fat distribution in humans is more similar to a domesticated animal than an aquatic one, and is nearly identical to that of other primates.
	</li>
<p>	</em>
</ul>
<p></p>
<p>
But then, some counter-counter-points.
</p>
<ul>
	<em></p>
<li>
	Bipedalism  out of water causes considerable problems for the back, knees and organs, while water would support the joints and torso and permit breathing.</li>
<li>
	A hooded nose, muscular nostril aperture control and the <a href="http://www.wikipedia.org/Philtrum" target="_blank">philtrum</a> preventing water from entering the nostrils.
	</li>
<li>
	Vestigial webbing between the fingers
	</li>
<p>	</em>
</ul>
<p>
	Clearly, in the battle between the Savanna and Aquatic Ape hypotheses there is no clear winner and loser. It may be that the questions that begin with <em>Why&#8230;</em> are so enchanting because their difficulty alone greatly increases the satisfaction that an answer brings. But of course, these issues hit so close to home that I secretly believe even the most staunch creationist feels a stirring of curiosity and wonder when new news is brought to light. You know who you are, you crazy bastards! <img src='http://mycrazydream.net/wp/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> 
</p>
<p></p>
<hr />
<p>
<em style="display:block;">The Scars of Evolution by Elaine Morgan</em></p>
<p>http://books.google.com/books?id=JkXvp0eAhAoC&#038;printsec=frontcover</p>
<p>
<em style="display:block;">Elaine Morgan says we evolved from aquatic apes</em></p>
<p>http://www.ted.com/talks/lang/eng/elaine_morgan_says_we_evolved_from_aquatic_apes.html</p>
]]></content:encoded>
			<wfw:commentRss>http://mycrazydream.net/wp/2010/09/the-aquatic-ape-hypothesis-humanitys-waterbabies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Video Game Food 2: The Baker&#8217;s Dozen</title>
		<link>http://mycrazydream.net/wp/2010/03/video-game-food-2-the-bakers-dozen/</link>
		<comments>http://mycrazydream.net/wp/2010/03/video-game-food-2-the-bakers-dozen/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 20:39:09 +0000</pubDate>
		<dc:creator>mcd</dc:creator>
				<category><![CDATA[My Crazy Dream]]></category>

		<guid isPermaLink="false">http://mycrazydream.net/wp/?p=532</guid>
		<description><![CDATA[
div.photoviewer a{display:block;float:left;width:150px;padding:12px;border:1px solid;margin:10px;}
div.photoviewer a img {margin:0 !important;padding:0 !important; }
div.hr {padding:12px;}

Exhibit A. The arrangement of food to resemble characters or other items from beloved video game franchises. You will witness in the following an attention to detail that some might call lame. Others will applaud the excellence on display here. For the aforementioned, why don&#8217;t you [...]]]></description>
			<content:encoded><![CDATA[<style>
div.photoviewer a{display:block;float:left;width:150px;padding:12px;border:1px solid;margin:10px;}
div.photoviewer a img {margin:0 !important;padding:0 !important; }
div.hr {padding:12px;}
</style>
<p>Exhibit A. The arrangement of food to resemble characters or other items from beloved video game franchises. You will witness in the following an attention to detail that some might call lame. Others will applaud the excellence on display here. For the aforementioned, why don&#8217;t you take a look at this&#8230; here&#8230; Ninja!!</p>
<div id="attachment_430" class="wp-caption aligncenter" style="width: 310px"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/ninja.jpg" alt="Ninja" title="Ninja" width="300" class="size-medium wp-image-430" /><p class="wp-caption-text">So ninja, it makes your mouth water. Just wait - dehydration will set in (ninja!).</p></div>
<p>Oh. You&#8217;re still here. Right, that wasn&#8217;t a ninja but a piece of fruit (the resemblance is uncanny!). To be honest, I don&#8217;t have much of an interest in all this, but I was taken in when I stumbled across this bizarre imagery on one of my non-porn related internet excursions (yes, they do in fact, happen).</p>
<p>Which leads us to the question of just why I&#8217;m doing this. Do I love video games? Check. How about food? Again, yes. Do I stay awake at night dreaming up ways to combine the two? That&#8217;s a negative ghost-rider. Well what then? I find all this rather strange. Maybe I&#8217;m just attempting some hipster irony. (Hipster irony, btw, is classified as thinking oneself very droll and witty, while all around you think you&#8217;re a giant douche). It&#8217;s probably the fact that I have no particular love for this strange trend wherein lies the answer. I enjoy the spectacle of it all. In fact, said explanation can explain away much of the time I spend on the internet.</p>
<h2>Control Your Appettite</h2>
<div id="attachment_431" class="wp-caption aligncenter" style="width: 590px"></p>
<div class="photoviewer">
	<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/ps3_controller.jpg">
		<img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/ps3_controller-150x150.jpg" alt="" title="ps3_controller" width="150" height="150" class="size-thumbnail wp-image-544" />
	</a>
	<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/xbox_controller.jpg">
		<img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/xbox_controller-150x150.jpg" alt="" title="xbox_controller" width="150" height="150" class="size-thumbnail wp-image-543" />
	</a>
	<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/playstation_controller.jpg" >
		<img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/playstation_controller-150x150.jpg" alt="" title="playstation_controller" width="150" height="150" class="size-thumbnail wp-image-542" />
	</a>
	<br class="clear" />
</div>
<p><p class="wp-caption-text">The console wars, in food form. Not pictured: the Wii. Hahaha, the Wii, what a joke!</p></div>
<div class="hr">&nbsp;
<hr width="30%" />&nbsp;</div>
<h2>Made by an Italian Plumber, Mmmmm</h2>
<div id="attachment_432" class="wp-caption aligncenter" style="width: 590px"></p>
<div class="photoviewer">
	<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/mario_cake.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/mario_cake-e1269198250563-150x150.jpg" alt="" title="mario_cake" width="150" height="150" class="alignleft size-thumbnail wp-image-506" /></a></p>
<p>	<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/mario_cake2.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/mario_cake2-e1269198699369-150x150.jpg" alt="" title="mario_cake2" width="150" height="150" class="alignleft size-thumbnail wp-image-507" /></a></p>
<p>	<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/mario_cake3.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/mario_cake3-e1269198422751-150x150.jpg" alt="" title="Mario, er,  Cake 3" width="150" height="150" class="alignleft size-thumbnail wp-image-508" /></a>
	<br class="clear" />
</div>
<p><p class="wp-caption-text">'Sorry Mario, but the Princess is in another cake!' 'What?? Shuttup skank, you ruined my childhood!'</p></div>
<div class="hr">&nbsp;
<hr width="30%" />&nbsp;</div>
<h2>Nihonjin-no Okaasa: The Untold Story</h2>
<p>For those of you unfamiliar, the following are examples of <a href="http://en.wikipedia.org/wiki/Bento" title="Bento, @ Wikipedia">bento</a>. This is what a Japanese child might take to school as lunch. As such, they generally kick the ass of any school school lunch you&#8217;ve ever had in your life. Tradition dictates that a great attention to detail is as important as the actual food that is used. It&#8217;s Japanese, you know, Zen blah blah samurai blah blah tentacle rape. Don&#8217;t try to understand it or your fragile Western brain will explode.</p>
<div id="attachment_431" class="wp-caption aligncenter" style="width: 590px"></p>
<div class="photoviewer">
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/hello_kitty.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/hello_kitty-e1269201015884-148x150.jpg" alt="" title="hello_kitty" width="148" height="150" class="alignleft size-thumbnail wp-image-519" /></a>
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/yoshi_kirby.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/yoshi_kirby-e1269202329831-150x150.jpg" alt="" title="yoshi_kirby" width="150" height="150" class="alignleft size-thumbnail wp-image-531" /></a>
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/ani_cat_man.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/ani_cat_man-e1269201246505-150x150.jpg" alt="" title="ani_cat_man" width="150" height="150" class="alignleft size-thumbnail wp-image-515" /></a>
</div>
<p><p class="wp-caption-text">Doting Japanese mothers will do anything for their sons (notice how I didn't say children?).</p></div>
<p>
Forget about the fact that I had to make my own lunches even when I was in kindergarten. Imagine opening up one of these babies on an American schoolyard. You as child: &#8220;Cool, huh? My mommy made this for me.&#8221; Bully:&#8221;Yeah, well I made you a knuckle sandwich!&#8221;. The American bully&#8217;s pithy remarks are often overlooked. 
</p>
<p>And to anyone who says this is a small, unique occurrence, let me show you a few more. There are plenty of these things spread over the internet.</p>
<div id="attachment_432" class="wp-caption aligncenter" style="width: 590px"></p>
<div class="photoviewer">
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/lil_big_planet.png"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/lil_big_planet-e1269201860411-150x150.png" alt="" title="lil_big_planet" width="150" height="150" class="alignleft size-thumbnail wp-image-520" /></a>
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/chicken_bento.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/chicken_bento-e1269201980424-150x150.jpg" alt="" title="chicken_bento" width="150" height="150" class="alignleft size-thumbnail wp-image-517" /></a>
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/bioshock.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/bioshock-e1269201134433-150x150.jpg" alt="" title="bioshock" width="150" height="150" class="alignleft size-thumbnail wp-image-516" /></a>
</div>
<p><p class="wp-caption-text">OK, the Bioshock one is pretty damn cool.</p></div>
<p>What, you want more? These aren&#8217;t even video game related (still crazy though).</p>
</p>
<div class="photoviewer">
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/wallE.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/wallE-e1269202934383-150x150.jpg" alt="" title="wallE" width="150" height="150" class="alignleft size-thumbnail wp-image-529" /></a>
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/pig_cow_chicken.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/pig_cow_chicken-e1269203004751-150x150.jpg" alt="" title="pig_cow_chicken" width="150" height="150" class="alignleft size-thumbnail wp-image-526" /></a>
<a href="http://mycrazydream.net/wp/wp-content/uploads/2010/03/smiley_cat.jpg"><img src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/smiley_cat-e1269203106140-150x150.jpg" alt="" title="smiley_cat" width="150" height="150" class="alignleft size-thumbnail wp-image-528" /></a>
</div>
<p>
<div class="hr">&nbsp;
<hr width="30%" />&nbsp;</div>
<p>
Now for the challenge. Are my readers crazier than me? Do you like to play with your food? It doesn&#8217;t have to be about video games, you could turn your food into any easily recognizable piece of pop culture. If you do, be sure to add it to the comments for the rest of us to see. I leave you with what&#8217;s become a bit of a trend lately &#8211; putting one&#8217;s franchise into the Last Supper. 
</p>
<p>
House, Battlestar Galactica, South Park; it&#8217;s almost a prerequisite that you put yourself into the Last Supper if you want to be popular. Oh well, they&#8217;re usually more interesting than the original one (and no, that&#8217;s not a chick sitting next to Jesus and I don&#8217;t care how many &#8220;V&#8221;s you see.) </p>
<p style="text-align:center">
<img align="center" src="http://mycrazydream.net/wp/wp-content/uploads/2010/03/video-game-last-supper.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://mycrazydream.net/wp/2010/03/video-game-food-2-the-bakers-dozen/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Websites on the Frontier</title>
		<link>http://mycrazydream.net/wp/2010/03/starting-a-website-on-the-frontier/</link>
		<comments>http://mycrazydream.net/wp/2010/03/starting-a-website-on-the-frontier/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 02:30:23 +0000</pubDate>
		<dc:creator>mcd</dc:creator>
				<category><![CDATA[Javascript is Your Friend]]></category>
		<category><![CDATA[My Crazy Dream]]></category>
		<category><![CDATA[browser wars]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[functionality]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[web dev]]></category>

		<guid isPermaLink="false">http://mycrazydream.net/wp/?p=447</guid>
		<description><![CDATA[Just what does it take to create a website that looks great but that will attract users?]]></description>
			<content:encoded><![CDATA[<style>
.withlogo{padding-top:38px !important;font-size:15px !improtant;background-position:bottom right;background-repeat:no-repeat;}
.facebook{background-image:url(/wp/wp-content/uploads/2010/03/facebook-logo16k.jpg);}
.igoogle{background-image:url(/wp/wp-content/uploads/2010/03/igoogle.png);}
.netflix{background-image:url(/wp/wp-content/uploads/2010/03/netflix_logo.gif);}
.mozilladev{background-image:url(/wp/wp-content/uploads/2010/03/mdc-logo.png);}
.pandora{background-image:url(/wp/wp-content/uploads/2010/03/PandoraLogo-small.jpg);}
</style>
<p><script>
jQuery(document).ready(function($){jQuery('#post-447 h2:first-child').css({'background':'transparent url(/wp/wp-content/uploads/2010/03/webdesign.jpg) bottom right no-repeat','padding-top':'80px'});});
</script></p>
<p>
If I hear the <acronym title="World Wide Web">WWW</acronym> being compared to the Wild West one more time, I&#8217;m gonna have the urge to punch a baby (there aren&#8217;t any babies in the audience, are there?). Sure, the modern web is a wild and crazy place.  Now, frankly, I think this is awesome, but it begs the question. How does a reputable company or service provider make a name for themselves in such a lawless world?</p>
<p>You can be sure that no matter how much time you spend developing the perfect site, following every rule in the book of <acronym title="Search Engine Optimization">SEO</acronym> and standards compliance, rest assured, someone will either be doing it better, or soon will be. For the vast majority of the web (forget about eBay for a second, such a behemoth is the exception) you succeed by doing one or two things, and doing them extremely well. This focus is best split into two areas.
</p>
<h2>The First Focus</h2>
<p>First, of course, is the &#8220;what&#8221; of your website. What does your website offer? Why is it even on the web?</p>
<h2>The Second Focus</h2>
<p>Second, is the design and functionality of your site. Something within this vast world of possibilities must stand out. If you have a great idea and fail here, the web might not be the arena for you.</p>
<p>
If you&#8217;re lucky, you can get by focusing on one or the other, but who wants to bet on luck to succeed? An example site with such a singular focus would be <a title="Visit Craigslist" target="_blank" href="http://www.craigslist.org/about/sites">Craigslist</a>. Craigslist has zero design going for it. Functionality? Forget about it; the site could be transported back five, maybe ten years and still function exactly the same. Besides simplicity, Craigslist is awesome because it provides a service that everyone needs, and yes, it&#8217;s free. But forget about them. The following is a list of sites that are doing it right on both fronts.
</p>
<h2>The Shining Examples</h2>
<h3 class="withlogo netflix">Netflix</h3>
<p>
The first site that came to mind when I sat down to write this post was <a title="Visit Netflix" target="_blank" href="http://www.netflix.com">Netflix</a>. Sure, providing movies through the mail is a fantastic idea, Netflix came to the table with a stacked deck, but they didn&#8217;t stop there. Netflix realized that people love to watch movies, but they don&#8217;t always know just <em>which</em> movies to watch. The problem Netflix faced was how to provide their users with the movies that they love. But just how is a website supposed to know that? Based on your previous rankings of films you&#8217;ve seen, Netflix utilizes a sophisticated algorithm to deliver just that. And they are constantly improving it. Or, with the <a title="Enter contest. Win money." target="_blank" href="http://www.netflixprize.com/">Netflix Prize</a>, they&#8217;ve come up with an innovative way to not just have a great algorithm, but to have the best.
</p>
<p>
And talk about great design. The interface is clean and intuitive (if you don&#8217;t have a membership, you&#8217;re going to miss most everything unfortunately). Everything is just where you expect it to be to the point that the interface becomes unnoticed, just as a good user interface should be. It gets you to where you want to be.
</p>
<h3 class="withlogo facebook">Facebook</h3>
<p>
I have to mention the website that is popular enough these days to induce groans just by being mentioned. (That&#8217;s when you know you&#8217;ve really made it. Pissing off hipsters.) In almost no time, <a title="Visit the MySpace Killer" target="_blank" href="http://www.facebook.com">Facebook</a> can connect you with just about everyone you&#8217;ve ever know in your life. That&#8217;s a small exaggeration, but not by much.
</p>
<p>
What I really admire about Facebook, as a front-end developer myself, is just how well they use JavaScript to enhance the user experience, with modal windows that appear when necessary, and just as quickly fade to get out of your way. Their library is fast, and they&#8217;ve designed it in the right way so it plays nice with the outside world, meaning, it doesn&#8217;t take much for outside developer&#8217;s to integrate their own work.
</p>
<h3 class="withlogo igoogle">iGoogle</h3>
<p>
<a title="iWhat? How very iApple of you, Google" target="_blank" href="http://www.google.com/ig">iGoogle</a> has been my start page of choice for some time now. It is more than just a portal. At any time I can open up my browser, quickly scan iGoogle, and have an accurate, if summary, picture of all that is going on in the web. At least, the parts that I care about. iGoogle is fully customizable down to the overall theme you choose to display your widgets in. Mix and match which widgets you want to show, and then customize each one of those to fit you perfectly. 
</p>
<p>Service? Check. Functionality? Forget about it. Design? Your choice. It looks as good as you want it to, with just a couple clicks. I don&#8217;t want to give too much away, I want you to go and play with it. You&#8217;ll never turn back.</p>
<h3 class="withlogo mozilladev">Mozilla Dev</h3>
<p>
There are countless technical resources for the developer, some of which are much more exhaustive than <a title="Go ahead, educate yourself" target="_blank" href="https://developer.mozilla.org/">Mozilla Dev</a>. But really, who wants to wade through all that when one is looking for a quick answer and needs to get back to work? It is the combination of both the service and the design of the site that makes it such a success. As a developer, I can find the JavaScript reference I am looking for, load up the page, and find the answer I need without barely even reading. A quick scan will do it. Compare this to <acronym title="Microsoft Developer Network">MSDN</acronym>.
</p>
<p>
Here is a common JavaScript function for a popup, <em>window.open</em>. Let&#8217;s compare the two reference sites. Here is <a title="window.open" target="_blank" href="https://developer.mozilla.org/En/DOM/Window.open">Mozilla Dev</a> and here is <a title="window.suck()" target="_blank" href="http://msdn.microsoft.com/en-us/library/ms536651%28VS.85%29.aspx">MSDN</a>. The clean separation on Mozilla, combined with clear headers, allows the reader to find answers right away. You have to pore over material on <a title="The Pits of Despair!" target="_blank" href="http://msdn.microsoft.com/">MSDN</a>, deciphering tiny italics in a serif font (code in a serif font?? really??). Oh, and just as the final nail in the casket, Mozilla has real world examples and a beautiful graphic that clearly describes what each parameter does. This all comes as no surprise for anyone who&#8217;s ever tried to debug code in <a title="Die IE, Die!" target="_blank" href="http://www.ie6nomore.com">Internet Explorer</a>. Microsoft would rather JavaScript remained some arcane secret, and will only taunt you with cryptic error messages if your code breaks. 
</p>
<h2>One Less-than-Stellar Example</h2>
<h3 class="withlogo pandora">Pandora</h3>
<p>
I can hear you screaming already. &#8220;What?! <a title="Musical suggestions for the aurally challenged" target="_blank" href="http://www.pandora.com">Pandora</a> is awesome!&#8221; I know, I love it too. It has the first focus down perfectly. However, in the long run I think Pandora will come up short against rival services like <a title="Pandora's Rival" target="_blank" href="http://www.last.fm/">last.fm</a>, and others, fast emerging. First of all, I am generally not a fan of a Flash website. It&#8217;s a great format for playing movies in, and many designer&#8217;s websites look gorgeous in Flash, but for utility it is sorely lacking.
</p>
<p>Don&#8217;t expect your scroll-wheel to work. Want to tab to the next input field? I don&#8217;t think so. And if we look under the hood we get to read some strange code.</p>
<caption>Thank god we still have this function.</caption>
<p><code>
function setPromotionalTickerLink(url) {
	// do nothing. (but we're leaving this function here because legacy ads call it.)
}
</code></p>
<caption>What, you don&#8217;t have access to your server config? We&#8217;re doing this client side?</caption>
<p><code>
// jh.9.28.2009 - redirect homepage requests from host "pandora.com" to "www.pandora.com"
    // required for js->tuner communication, which presently expects same host (down to the subdomain)
    if (document.location.href.indexOf("//pandora.com") != -1) {
        document.location.href = document.location.href.replace(/\/\/pandora.com/, "//www.pandora.com");
    }
</code></p>
]]></content:encoded>
			<wfw:commentRss>http://mycrazydream.net/wp/2010/03/starting-a-website-on-the-frontier/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
