<?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; Ajax</title>
	<atom:link href="http://www.bin-co.com/blog/category/ajax/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>
		<item>
		<title>Keyboard Shortcuts JavaScript Library</title>
		<link>http://www.bin-co.com/blog/2007/07/keyboard-shortcuts-javascript-library/</link>
		<comments>http://www.bin-co.com/blog/2007/07/keyboard-shortcuts-javascript-library/#comments</comments>
		<pubDate>Sat, 21 Jul 2007 18:29:26 +0000</pubDate>
		<dc:creator>Binny V A</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Scripts]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[IIS]]></category>
		<category><![CDATA[keyboard]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[openjs]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[shortcut]]></category>

		<guid isPermaLink="false">http://www.bin-co.com/blog/2007/07/keyboard-shortcuts-javascript-library/</guid>
		<description><![CDATA[I have created the second version of the JavaScript Shortcut Library. It is one of my more popular scripts. This script eases the work involved in making shortcuts in JavaScript.
Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. [...]]]></description>
			<content:encoded><![CDATA[<p class="intro">I have created the second version of the <a href="http://www.openjs.com/scripts/events/keyboard_shortcuts/">JavaScript Shortcut Library</a>. It is one of my more <a href="http://www.dzone.com/links/handling_keyboard_shortcuts_in_javascript.html">popular</a> <a href="http://ajaxian.com/archives/handling-keyboard-shortcuts-in-javascript">scripts</a>. This script eases the work involved in making shortcuts in JavaScript.</p>
<blockquote><p>Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. This is because keyboard shortcuts where only used in JavaScript games &#8211; no serious web application used keyboard shortcuts to navigate around its interface. But Google apps like Google Reader and Gmail changed that. So, I have created a function to make adding shortcuts to your application much easier.</p></blockquote>
<h2>Changelog</h2>
<ul>
<li>The single function method was abandoned for an object with two functions</li>
<li>Shortcut Remove function added</li>
<li>New option to disable shortcuts in textarea, input fields.</li>
</ul>
<p>If you are using this script in any of your projects, please switch to the latest version.</p>
<p><a href="http://www.openjs.com/scripts/events/keyboard_shortcuts/v1.php">Previous Version Documentation</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bin-co.com/blog/2007/07/keyboard-shortcuts-javascript-library/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Success/Error Design Pattern For Ajax</title>
		<link>http://www.bin-co.com/blog/2007/06/successerror-design-pattern-for-ajax/</link>
		<comments>http://www.bin-co.com/blog/2007/06/successerror-design-pattern-for-ajax/#comments</comments>
		<pubDate>Fri, 22 Jun 2007 14:41:13 +0000</pubDate>
		<dc:creator>Binny V A</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[IIS]]></category>
		<category><![CDATA[pattern]]></category>

		<guid isPermaLink="false">http://www.bin-co.com/blog/2007/06/successerror-design-pattern-for-ajax/</guid>
		<description><![CDATA[&#8216;Success/Error&#8217; design pattern for Ajax requests is a JSON encoded string in a specific format &#8211; each response has a minimum of two elements in it &#8211; ie &#8217;success&#8217; and &#8216;error&#8217; &#8211; like this&#8230;
{
"success":"Task done successfully",
"error":false
}
OR
{
"success":false,
"error":"Database Connection Error!"
}
This method is used extensivly in Nexty. Almost all Ajax response in Nexty ares in this format.
Since this [...]]]></description>
			<content:encoded><![CDATA[<p class="intro">&#8216;Success/Error&#8217; design pattern for Ajax requests is a <abbr title="JavaScript Object Notation">JSON</abbr> encoded string in a specific format &#8211; each response has a minimum of two elements in it &#8211; ie &#8217;success&#8217; and &#8216;error&#8217; &#8211; like this&#8230;</p>
<pre><code class="javascript">{
"success":"Task done successfully",
"error":false
}</code></pre>
<p>OR</p>
<pre><code class="javascript">{
"success":false,
"error":"Database Connection Error!"
}</code></pre>
<p>This method is used extensivly in <a href="http://www.bin-co.com/blog/2007/05/what-i-learned-from-nexty/">Nexty</a>. Almost all Ajax response in Nexty ares in this format.</p>
<p>Since this is in the JavaScript domain, I thougt it might be better to pubish the details in my <a href="http://www.openjs.com/">OpenJS site</a>. Read more about <a href="http://www.openjs.com/articles/ajax/success_error_design_pattern.php">Success/Error Design Pattern For Ajax</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bin-co.com/blog/2007/06/successerror-design-pattern-for-ajax/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
