<?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>Bin-Blog &#187; web 2.0</title>
	<atom:link href="http://www.bin-co.com/blog/tag/web-20/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bin-co.com/blog</link>
	<description>Learn about the latest in Web Development - as soon as I do.</description>
	<lastBuildDate>Tue, 13 Oct 2009 18:55:47 +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>Defining Web 2.0 &#8211; At 3 Levels</title>
		<link>http://www.bin-co.com/blog/2008/01/defining-web-20-at-3-levels/</link>
		<comments>http://www.bin-co.com/blog/2008/01/defining-web-20-at-3-levels/#comments</comments>
		<pubDate>Tue, 22 Jan 2008 19:08:11 +0000</pubDate>
		<dc:creator>Binny V A</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[hype]]></category>
		<category><![CDATA[philosophy]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.bin-co.com/blog/2008/01/defining-web-20-at-3-levels/</guid>
		<description><![CDATA[
Web 2.0 &#8211; almost everyone have heard the term &#8211; but few are sure about its meaning. Unfortunately, it cannot be defined easily. People in different fields have their own unique definitions for the term. In this article, I will attempt to define the term at three different level &#8211; the Philosophy, the Technology and [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/web20.png' alt='Web 2.0' class="intro" align="right" /></p>
<p class="intro">Web 2.0 &#8211; almost everyone have heard the term &#8211; but few are sure about its meaning. Unfortunately, it cannot be defined easily. People in different fields have their own unique definitions for the term. In this article, I will attempt to define the term at three different level &#8211; the Philosophy, the Technology and the Design.</p>
<p><strong>Disclaimer</strong>: Before anyone reacts violently to the term Web 2.0, let me make myself very clear&#8230;<br />
<strong class="highlight">Web 2.0 is an <a href="http://blog.binnyva.com/2007/07/what-is-web-20/">ambiguous buzz word</a></strong>. It has been used and abused so many times that it <strong class="highlight">does not have a consistent meaning</strong> &#8211; so people are free to interpret it as they see fit. And this is how I interpret it.</p>
<h2>Philosophy</h2>
<p>The design philosophy of a web site can make it a Web 2.0 site. This is perhaps the key difference between a Web 1.0 site and a Web 2.0 site&#8230;</p>
<p>Web 1.0 is a web site where there is a <strong class="highlight">one way communication between the web master to the visitor</strong>. A Web 2.0 site is a site where the <strong class="highlight">visitors can communicate with each other</strong>.</p>
<p>For example, compare the Encyclopedia Britannica to Wikipedia. In Encyclopedia Britannica, the web master creates the content and gives it to the visitor &#8211; the visitor has no way of talking back. But in Wikipedia, the visitor create the content for other visitors.</p>
<h2>Technology</h2>
<p>The keyword here is &#8220;Internet as a platform&#8221;. In Web 2.0, the <strong class="highlight">net became the platform rather than just a data transfer mechanism</strong>. For a simple example, when you visit a site, the videos in it come from YouTube, the images from Flickr, the search is done using Google API and you can bookmark pages using the API from del.icio.us.</p>
<p>Some technologies that are described as Web 2.0&#8230;</p>
<ul>
<li>Ajax</li>
<li>Valid Markup</li>
<li><a href="http://microformats.org/">Microformats</a></li>
<li>Tagging, Tag Clouds</li>
<li>APIs</li>
<li>Feeds</li>
<li>Mashups</li>
</ul>
<p>Some features that makes a technology Web 2.0&#8230;</p>
<dl>
<dt>Speed</dt>
<dd>For example, <a href="http://www.openjs.com/ajax/tutorial/">Ajax</a> makes simple tasks much faster.</dd>
<dt>Ease of Use</dt>
<dd>A good example of this is Tagging. It is a much easier approach when compared to hierarchies.</dd>
<dt>Enabling Mashups</dt>
<dd>APIs, Feeds, etc. makes this possible.</dd>
<dt>Bringing Web Apps closer to the Desktop</dt>
<dd>Ajax, AIR, etc.</dd>
</dl>
<h2>Design</h2>
<p>This is perhaps the only area where the term Web 2.0 can be defined with a reasonable level of accuracy. A site with a Web 2.0 design is one that has at least some of these elements&#8230;</p>
<h3>Simple Design</h3>
<p><a href="http://www.stonewall.co.za/"><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/stonewall.jpg' alt='Stonewall' /></a></p>
<h3>Lots of white space</h3>
<p><a href="http://browsehappy.com/"><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/browsehappy.jpg' alt='Browse Happy' /></a></p>
<h3><a href="http://www.bin-co.com/blog/2007/12/a-secret-source-for-great-free-icons-for-your-desktop-and-web-apps/">Nice Icons</a></h3>
<p><a href="http://www.37signals.com/"><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/37signal_icons.jpg' alt='37Signal Icons' /></a></p>
<h3>Violators/Badges/Star Flashes</h3>
<p><a href="http://www.alistapart.com/"><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/alistapart.jpg' alt='A List Apart Violator' /></a></p>
<h3>Big Fonts</h3>
<p><a href="http://www.37signals.com/"><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/37signals.jpg' alt='37Signal Font' /></a></p>
<h3>Gradients</h3>
<p><a href="http://www.stonewall.co.za/"><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/stonewall.jpg' alt='Stonewall' /></a></p>
<h3>Reflections</h3>
<p><a href="http://www.curve2.com/"><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/curve2.jpg' alt='Curve 2 Reflections' /></a></p>
<h3>Shadows</h3>
<p><a href="http://www.bin-co.com/blog/"><img src='http://www.bin-co.com/blog/wp-content/uploads/2008/01/shadows.png' alt='Shadows' /></a></p>
<h3>And More&#8230;</h3>
<p><a href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm">Web 2.0 Design Style Guide</a></p>
<h2>For More Information</h2>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Web_2.0">Web 2.0 Wikipedia</a></li>
<li><a href="http://www.paulgraham.com/web20.html">Web 2.0</a></li>
<li><a href="http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html">What Is Web 2.0</a></li>
<li><a href="http://radar.oreilly.com/archives/2005/08/not_20.html">Not 2.0?</a></li>
<li><a href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm">Web 2.0 Design Style Guide</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.bin-co.com/blog/2008/01/defining-web-20-at-3-levels/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
