<?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; Design</title>
	<atom:link href="http://www.bin-co.com/blog/tag/design/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>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>New Design &#8211; Mimbo Theme</title>
		<link>http://www.bin-co.com/blog/2008/10/new-design-mimbo-theme/</link>
		<comments>http://www.bin-co.com/blog/2008/10/new-design-mimbo-theme/#comments</comments>
		<pubDate>Fri, 24 Oct 2008 08:36:45 +0000</pubDate>
		<dc:creator>Binny V A</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[mimbo]]></category>
		<category><![CDATA[new]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://www.bin-co.com/blog/?p=149</guid>
		<description><![CDATA[<strong class="highlight"><a href="http://www.bin-co.com/blog/">Bin-Blog</a> has a new design</strong>. People who are using wordpress will notice that its the well known <strong class="highlight">'Mimbo' theme</strong>. Its a simple, magazine style theme. And its looks nice too - but any thing is better than my <a href="http://www.bin-co.com/">old theme</a>.]]></description>
			<content:encoded><![CDATA[<p class="intro"><strong class="highlight"><a href="http://www.bin-co.com/blog/">Bin-Blog</a> has a new design</strong>. People who are using wordpress will notice that its the well known <strong class="highlight">&#8216;Mimbo&#8217; theme</strong>. Its a simple, magazine style theme. And its looks nice too &#8211; but any thing is better than my <a href="http://www.bin-co.com/">old theme</a>.</p>
<p>For you RSS readers, here is a preview of the new design. To see it in action, visit my <a href="http://www.bin-co.com/blog/">site</a>.</p>
<h3>The Old Design</h3>
<p><a href="http://www.bin-co.com/"><img src="http://www.bin-co.com/blog/wp-content/uploads/2008/10/old_design.png" alt="" title="Old Design" width="315" height="203" class="alignnone size-full wp-image-148" /></a></p>
<h3>The New Look</h3>
<p><a href="http://www.bin-co.com/blog/"><img src="http://www.bin-co.com/blog/wp-content/uploads/2008/10/new_design.png" alt="" title="New Design" width="316" height="216" class="alignnone size-full wp-image-150" /></a></p>
<p>Some sites I subscribed to <a href="http://www.offlineblog.net/2008/09/no-this-is-not-a-new-theme/">recently</a> <a href="http://www.dailyseoblog.com/2008/10/dsb-gets-a-facelift-dsb-v20/">updated</a> <a href="http://www.labnol.org/internet/digital-inspiration-redesign/4329/">their</a> theme &#8211; so I thought that this is a good time to do the same for my site. I had been putting it off for a LONG time. People have been <strong class="highlight">asking me to change the theme from the very <a href="http://www.bin-co.com/blog/2007/04/new-blog/">first post on this blog</a></strong>.</p>
<p>I am planning to convert <a href="http://www.bin-co.com/">Bin-Co</a> to this style as well &#8211; after I am done, I&#8217;ll <strong class="highlight">publish the old design as a wordpress theme</strong>. But I&#8217;ll be very surprised if anyone uses it &#8211; because its just <a href="http://blog.binnyva.com/2008/08/photography-cochin-and-blogcamp/">too ugly</a>.</p>
<h2>Any Problems?</h2>
<p>I am sure that the new theme might have broken something or the other on this blog &#8211; so please keep your eyes open. <strong class="highlight">If you find something out of place, please let me know</strong>. Just leave a comment and I&#8217;ll take care of it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bin-co.com/blog/2008/10/new-design-mimbo-theme/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<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>A Secret Source for Great Free Icons for your Desktop and Web Apps</title>
		<link>http://www.bin-co.com/blog/2007/12/a-secret-source-for-great-free-icons-for-your-desktop-and-web-apps/</link>
		<comments>http://www.bin-co.com/blog/2007/12/a-secret-source-for-great-free-icons-for-your-desktop-and-web-apps/#comments</comments>
		<pubDate>Tue, 04 Dec 2007 19:31:37 +0000</pubDate>
		<dc:creator>Binny V A</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Review]]></category>
		<category><![CDATA[Sites]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[gnome]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[kde]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.bin-co.com/blog/2007/12/a-secret-source-for-great-free-icons-for-your-desktop-and-web-apps/</guid>
		<description><![CDATA[Desktop and Web application needs icons. Icons make the app more usable than an all-text application. If you are building a desktop application, your framework may provide some stock icons. But if you are making a web application, you will need external icons. I have seen a lot of pages that lists many icon sets&#8230; [...]]]></description>
			<content:encoded><![CDATA[<p class="intro">Desktop and Web application needs icons. <a href="http://www.oreillynet.com/mac/blog/2006/01/icons_usability_and_computers.html">Icons make the app more usable</a> than an all-text application. If you are building a desktop application, your framework may provide some stock icons. But if you are making a web application, you will need external icons.</p>
<p>I have seen a lot of pages that lists many icon sets&#8230;</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2007/11/29/icons-for-your-desktop-and-icons-for-your-web-designs/">Icons For Your Desktop and Icons For Your Web Designs</a></li>
<li><a href="http://www.dapino-webdesign.nl/blog/?p=148">Quality mini icons</a></li>
<li><a href="http://garcya.us/blog/90-free-vector-icons-set/">90 Free Vector Icons Set</a></li>
<li><a href="http://www.designvitality.com/blog/2007/11/free-icons/">The Top 50 Sources for Free Designer Icons</a></li>
<li><a href="http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/">Top 50 Supercool Free Icon Sets</a></li>
<li><a href="http://www.smashingmagazine.com/2006/09/03/symbols-buttons-and-icons-for-free/">Symbols, Buttons and Icons For Free</a></li>
<li><a href="http://www.smashingmagazine.com/2006/12/03/more-symbols-buttons-and-icons-for-free/">More Symbols, Buttons and Icons For Free</a></li>
<li><a href="http://icons.primail.ch/">Free Tiny Small Mini Icons Bullets</a></li>
<li><a href="http://www.iconfinder.net/">Icon Finder &#8211; a search engine for icons</a></li>
</ul>
<p>But when I want some icons I have a better place to look.</p>
<p><a href="http://www.kde-look.org/index.php?xsortmode=high&amp;page=0&amp;xcontentmode=22x27">KDE</a> and <a href="http://www.gnome-look.org/index.php?xsortmode=high&amp;page=0&amp;xcontentmode=120">Gnome</a> Icon themes.</p>
<p>I prefer using these icons because of the following reasons&#8230;</p>
<h3>Multiple Size Icons</h3>
<p>Most themes provide the same icon in various sizes. The available sizes are 128&#215;128, 64&#215;64, 48&#215;48, 32&#215;32, 24&#215;24, 22&#215;22, 16&#215;16 and sometimes even a <strong>scalable SVG set</strong>. Not all themes have all the sizes &#8211; but most have. I don&#8217;t have to tell you how useful this is.</p>
<p><img src='http://www.bin-co.com/blog/wp-content/uploads/2007/12/different_sizes.png' alt='Multiple Size Icons' /></p>
<h3>Lots of Choice</h3>
<p><a href="http://www.kde-look.org/index.php?xsortmode=high&amp;xcontentmode=22x27">KDE Look Icons page</a> have 86 pages with 15 icon themes per page. That makes a total of <strong>1290 icon sets</strong>. And I am not counting the Gnome Look Icons.</p>
<p>That&#8217;s a lot of choice. Granted, not all will be good. Not all will have the icon I am searching for. Not all have the size I way want. There will be some duplication. But its still a lot.</p>
<h3>Free &#8211; in both sense of the word</h3>
<p>Most of these icons uses <strong>GPL and LGPL licenses</strong>. So you can use if for your application without paying for them. You can modify them. You can share it with others. You can&#8230; you get the idea. The point is there are no restrictions.</p>
<p>Even if you are building a proprietary application, I think you can use the icons because you are not compiling it into the application. But <strong>I am not sure about that</strong> &#8211; if anyone reading this knows, please leave a comment.</p>
<p>I have to warn you that not all icons sets use these licenses &#8211; so make sure you <strong>look at the license of an icon set before using it</strong>.</p>
<h3>Great Icons</h3>
<p>Most of the icons are created by <a href="http://www.oxygen-icons.org/">professional designers</a>. Sure there are some duds among the collection &#8211; but the majority of them are good.</p>
<h2>Some Recommended Icon Sets</h2>
<h2><a href="http://www.kde-look.org/content/show.php/Crystal+Project?content=60475">Crystal Project</a></h2>
<p><img src='http://www.bin-co.com/blog/wp-content/uploads/2007/12/crystal_project.png' alt='Crystal Project' /></p>
<h2><a href="http://www.kde-look.org/content/show.php/Nuvola?content=5358">Nuvola</a></h2>
<p><img src='http://www.bin-co.com/blog/wp-content/uploads/2007/12/nuvola.png' alt='Nuvola' /></p>
<h2><a href="http://www.kde-look.org/content/show.php/Crystal+Diamond+Icons?content=45576">Crystal Diamond</a></h2>
<p><img src='http://www.bin-co.com/blog/wp-content/uploads/2007/12/crystal_diamond.png' alt='Crystal Diamond' /></p>
<h2><a href="http://www.kde-look.org/content/show.php/black+%2B+white+icons?content=24645">black + white icons</a></h2>
<p><img src='http://www.bin-co.com/blog/wp-content/uploads/2007/12/black_white.jpg' alt='Black White' /></p>
<h2><a href="http://www.kde-look.org/content/show.php/Crystal+Clear?content=25668">Crystal Clear</a></h2>
<p><img src='http://www.bin-co.com/blog/wp-content/uploads/2007/12/crystal_clear.png' alt='Crystal Clear' /></p>
<p>And there are hundreds more for you to find out&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bin-co.com/blog/2007/12/a-secret-source-for-great-free-icons-for-your-desktop-and-web-apps/feed/</wfw:commentRss>
		<slash:comments>24</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 &#8216;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 [...]]]></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 &#8216;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>

