<?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>Is Good Stuff</title>
	<atom:link href="http://www.isgoodstuff.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.isgoodstuff.com</link>
	<description>All the good stuff here!</description>
	<lastBuildDate>Sat, 28 Apr 2012 12:57:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>Next : Making Plates &amp; Trimming Tips</title>
		<link>http://www.isgoodstuff.com/2012/04/28/making-plates-and-trimming-tips/</link>
		<comments>http://www.isgoodstuff.com/2012/04/28/making-plates-and-trimming-tips/#comments</comments>
		<pubDate>Sat, 28 Apr 2012 12:26:22 +0000</pubDate>
		<dc:creator>Alex T.</dc:creator>
				<category><![CDATA[Creative]]></category>

		<guid isPermaLink="false">http://www.isgoodstuff.com/?p=2315</guid>
		<description><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/IMG_1399-159004_300x200.jpg"/></p>My little adventure of making plates and some techniques of trimming.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/IMG_1399-159004_300x200.jpg"/></p><p style="text-align: left;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1388.jpg"><img class="aligncenter size-full wp-image-2332" style="margin-top: 6px; margin-bottom: 6px;" title="IMG_1388" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1388.jpg" alt="" width="480" height="359" /></a>Last weekend, I&#8217;ve started my claywork class on making plates. The process is somewhat different from making cylinder shaped object such as cup and mugs. Making plates requires a wheel throwing, centering, trimming and shaping skill you also need an additional plank to act as a holder on top the throwing wheel ( this is because, plates are have lower ground and harder to lift &#8211; so we lift with the plank instead after cutting them lose with the wire that is. ).</p>
<p style="text-align: left;">And the results is&#8230;.tada&#8230; I made my first collection of  plates!!</p>
<p style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1398.jpg"><img class="aligncenter size-full wp-image-2333" title="IMG_1398" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1398.jpg" alt="" width="480" height="359" /></a><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_13962.jpg"><br />
</a></p>
<p style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/circularClay.png"><img class="aligncenter size-full wp-image-2316" title="circularClay" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/circularClay.png" alt="" width="246" height="246" /></a></p>
<p>Cindy also introduced a technique to hold  the plank straight and firm so that, it will not fly away when forming the clay on top of it. All we need to do is :-</p>
<ul>
<li>Center the clay. Once center, press it down flat.</li>
<li>Then use the cutting/trimming tool, gently make circular marking / gaps on it like how we do our trimming.</li>
<li>Make a few like 6- 8 rings like the picture above.</li>
<li>Add a little bit on water on it &#8211; The circular marking gaps and moist from the water will create a powerful sticky surface for the plank. Also act as a good suction pad to hold the plank from moving around. &#8211; Amazing</li>
<li>Place the plank on top and moist it with sponge so that is wet a little. We are now ready to make plates!</li>
</ul>
<div>Pulling and centering is still a must. Then, once center go flat, till the clay is about 1.25 inch high. Then, do a opening like how we do the bowl shape. The only difference now is the 2nd opening which is open up the cup/bowl shape into a plate shape using the wooden surface of the trimming tool. Your bowl will immediately, transform into a flater shape&#8230;behold the plate form! awesome!</div>
<div style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/trimex.jpg"><img class="aligncenter size-full wp-image-2320" style="margin-top: 6px; margin-bottom: 6px;" title="trimex" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/trimex.jpg" alt="" width="400" height="400" /></a></div>
<div>I returned again the following week (today that is, to do my trimming). Yes, trimming is the process as seen in the picture above &#8211; we make legs and the back surface of the plate and smoothen out the clay pieces. There&#8217;s two mode of trimming technique :-</div>
<div>
<ul>
<li>The outer cut, which requires you to hold the trimming tool like cutting as if you are cutting with a knife. Place it on the outer most layer and slowly comes in like a needle on the gramophone as the plate resolves around the wheel thrower.</li>
<li>The inner cut, this is where, you need to switch your hold tool style into holding a pen style and it is use to cut the center of the plate to the inner leg. ( Sometimes, I keep forgetting to switch mode and resulting a disaster in trimming &#8211; but, nevertheless I&#8217;m blogging this to remind myself ).</li>
</ul>
</div>
<div>A video down here to remind myself how to do later (if I forgot lol)</div>
<div align="center" style="margin-top:10px;margin-bottom:10px"><object style="height: 390px; width: 640px;" width="640" height="360" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/7eUbaAVyTUU?version=3&amp;feature=player_detailpage" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><embed style="height: 390px; width: 640px;" width="640" height="360" type="application/x-shockwave-flash" src="http://www.youtube.com/v/7eUbaAVyTUU?version=3&amp;feature=player_detailpage" allowFullScreen="true" allowScriptAccess="always" allowfullscreen="true" allowscriptaccess="always" /></object></div>
<div>And today results is&#8230;satisfying of course &#8211; however I do morn for my last two plates, for they did not make it to the burning process (I&#8217;ve over-trimmed them &#8211; disaster!)  :)</div>
<div><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1399.jpg"><img class="aligncenter size-full wp-image-2321" style="margin-top: 8px; margin-bottom: 8px;" title="IMG_1399" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1399.jpg" alt="" width="480" height="359" /></a></div>
<div>Next will be the final stage ! &#8211; glazing and firing. Can&#8217;t wait to get to my next class.</div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isgoodstuff.com/2012/04/28/making-plates-and-trimming-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My 2nd Batch Released!</title>
		<link>http://www.isgoodstuff.com/2012/04/21/my-2nd-batch-released/</link>
		<comments>http://www.isgoodstuff.com/2012/04/21/my-2nd-batch-released/#comments</comments>
		<pubDate>Sat, 21 Apr 2012 10:56:20 +0000</pubDate>
		<dc:creator>Alex T.</dc:creator>
				<category><![CDATA[Creative]]></category>
		<category><![CDATA[clay]]></category>
		<category><![CDATA[clay project]]></category>
		<category><![CDATA[pottery]]></category>

		<guid isPermaLink="false">http://www.isgoodstuff.com/?p=2301</guid>
		<description><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/IMG_1121-55862_300x200.jpg"/></p>My second batch all glazed up and ready to be given out :)]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/IMG_1121-55862_300x200.jpg"/></p><p style="text-align: justify;">The <a href="http://www.isgoodstuff.com/2011/06/26/my-2nd-batch-is-coming/">2nd batch</a> of clay cups and mugs I&#8217;ve made are all glazed (glaze is a liquid coloring made from raw material from earth e.g. cobalt and other metals of various colors) and ready to do the final burning. It takes a lot of patience in glazing &#8211; man they do dry fast&#8230;so one have to act fast also. I even  bought my own pump and gears to do my glazing now. These chemical are 80% lighter than it is prior burning. So you have to apply a bit of imagination and take note of the coloring by test firing small mosaic tile to see it&#8217;s final outcome.</p>
<p style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1002.jpg"><img class="aligncenter size-full wp-image-2303" style="margin-top: 4px; margin-bottom: 4px;" title="IMG_1002" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1002.jpg" alt="" width="465" height="347" /></a></p>
<p style="text-align: justify;">Exploring various way to optimize my glazing effort like putting masking tape / candle wax on the bottom &#8211; to waterproof the area. This is because we aren&#8217;t suppose to glaze the bottom part of the clay, the burning will harden the coloring and glazing the bottom will cause the clay to be stucked on the placement board.</p>
<p style="text-align: justify;">You can even re-glaze and fire again (in case you miss a few spot) but, is best to take note of what glazing composition you use prior before reglazing it to recreate the exact coloring. Warning : making mistake in coloring is irreversible and can ruin your creation. Best to make some small test firing on mini tiles of clay before deciding.</p>
<p style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1113.jpg"><img class="aligncenter size-full wp-image-2304" style="margin-top: 3px; margin-bottom: 3px;" title="IMG_1113" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1113.jpg" alt="" width="426" height="638" /></a>2nd Batch of Collection is called : Pieces of ME</p>
<p style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1121.jpg"><img class="aligncenter size-full wp-image-2305" style="margin-top: 3px; margin-bottom: 3px;" title="IMG_1121" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1121.jpg" alt="" width="407" height="610" /></a>Walla, the last of the few surviving pieces. <img src='http://www.isgoodstuff.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isgoodstuff.com/2012/04/21/my-2nd-batch-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shots of Happiness!</title>
		<link>http://www.isgoodstuff.com/2012/04/11/shots-of-happiness/</link>
		<comments>http://www.isgoodstuff.com/2012/04/11/shots-of-happiness/#comments</comments>
		<pubDate>Wed, 11 Apr 2012 05:57:53 +0000</pubDate>
		<dc:creator>Alex T.</dc:creator>
				<category><![CDATA[Creative]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://www.isgoodstuff.com/?p=2286</guid>
		<description><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/happyThumb-124484_300x180.png"/></p>Some shots on my neighbor's beagle, Happy! All with my Olympus EPL2 40-150mm Zoom Lens kit :)]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/happyThumb-124484_300x180.png"/></p><p><strong><em>Happy</em></strong> is the name given to my neighbor&#8217;s beagle puppy. Very active dog and will jump to you once, she sees you. So, I had quite a hard time getting still shots with my camera, sometimes I have to hide somewhere to have a candid shot on that little one. The camera I used was Olympus EPL-2 with Zoom Lens to capture the puppy from a far. You may use these photos for your projects and multimedia stuff, but please at least leave a comment or link back to my blog. Thank you.</p>
<p style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/P1010579.jpg"><img class="aligncenter size-large wp-image-2288" title="Happy, the Beagle Dog " src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/P1010579-1024x682.jpg" alt="Happy, the Beagle Dog " width="491" height="327" /></a><br />
<a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/P1010592.jpg"><img class="aligncenter size-large wp-image-2289" title="Happy, the Beagle Dog " src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/P1010592-1024x682.jpg" alt="Happy, the Beagle Dog " width="491" height="327" /></a></p>
<p style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/P1011247.jpg"><img class="aligncenter size-large wp-image-2291" title="Happy, the Beagle Dog " src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/P1011247-682x1024.jpg" alt="Happy, the Beagle Dog " width="477" height="717" /></a></p>
<p style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1025.jpg"><img class="aligncenter size-large wp-image-2287" title="Happy, the Beagle Dog " src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/IMG_1025-682x1024.jpg" alt="Happy, the Beagle Dog " width="477" height="717" /></a></p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.isgoodstuff.com/2012/04/11/shots-of-happiness/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Ebook : Windows Phone Development</title>
		<link>http://www.isgoodstuff.com/2012/04/07/free-ebook-windows-phone-development/</link>
		<comments>http://www.isgoodstuff.com/2012/04/07/free-ebook-windows-phone-development/#comments</comments>
		<pubDate>Sat, 07 Apr 2012 11:51:18 +0000</pubDate>
		<dc:creator>Alex T.</dc:creator>
				<category><![CDATA[Good Stuff]]></category>

		<guid isPermaLink="false">http://www.isgoodstuff.com/?p=2251</guid>
		<description><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/freeEbookWinPhone-42020_300x200.jpg"/></p>Today's good stuff - FREE Windows Phone development ebook.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/freeEbookWinPhone-42020_300x200.jpg"/></p><p style="text-align: justify;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/03/freeEbookWinPhone.jpg"><img class="aligncenter size-full wp-image-2252" style="margin-top: 5px; margin-bottom: 6px;" title="freeEbookWinPhone" src="http://www.isgoodstuff.com/wp-content/uploads/2012/03/freeEbookWinPhone.jpg" alt="" width="349" height="426" /></a>Good stuff once again! Free Windows Phone Development ebook by Charles Petzold called : Programming Windows Phone 7. It covers basically  the basics of writing applications for Windows Phone 7 using the C# and some sample codes in VB.Net programming language with the Silverlight and XNA 2D frameworks. Good for starters whom wanting to try development of Windows Phone using Windows Phone SDK. This book is available for free (digital version only) &#8211; unless you prefer the printed copy. You can <a href="http://download.microsoft.com/download/5/0/A/50A39509-D015-410F-A8F2-A5511E5A988D/Microsoft_Press_ebook_Programming_Windows_Phone_7_PDF.pdf">download a PDF here</a> (38.6 MB).</p>
<p>You can <a href="http://download.microsoft.com/download/5/0/A/50A39509-D015-410F-A8F2-A5511E5A988D/Microsoft_Press_ebook_Programming_Windows_Phone_7_Sample_Code.zip">download the ebook’s C# sample code here</a> (5.03 MB).</p>
<p>And you can <a href="http://download.microsoft.com/download/5/0/A/50A39509-D015-410F-A8F2-A5511E5A988D/Microsoft_Press_ebook_ProgWP7_Sample_Code_VB.zip">download the sample code in Visual Basic for Chapters 1-18 here</a> (5.21 MB).</p>
<p>Best of Luck and enjoy <img src='http://www.isgoodstuff.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isgoodstuff.com/2012/04/07/free-ebook-windows-phone-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>History of Search Engine Episode II</title>
		<link>http://www.isgoodstuff.com/2012/04/07/history-of-search-engine-episode-ii/</link>
		<comments>http://www.isgoodstuff.com/2012/04/07/history-of-search-engine-episode-ii/#comments</comments>
		<pubDate>Sat, 07 Apr 2012 03:08:49 +0000</pubDate>
		<dc:creator>Alex T.</dc:creator>
				<category><![CDATA[Editor's Column]]></category>

		<guid isPermaLink="false">http://www.isgoodstuff.com/?p=2273</guid>
		<description><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/web-search_engine-29573_300x200.jpg"/></p>The history of search engine continues... with the advance of web crawling bot technology...]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/et_temp/web-search_engine-29573_300x200.jpg"/></p><blockquote><p>This article is the continuation from my previous on in <a href="http://www.isgoodstuff.com/2010/12/18/history-of-search-engine-episode-i/">here</a>.</p></blockquote>
<p>After the era of Archie and friends on the web, came along a new search engine technology called the <strong>World Wide Web Wander</strong> by Matthew Gray. This was the <strong>first web robot</strong> with its aim to track the web&#8217;s growth by counting web servers. Then it began to count and index url into database as well. </p>
<p>Development of World Wide Web Wanderer inspired a lot of developers out there, to innovate and try out new form of searching. One of the most prominent ones was <strong>ALIWEB</strong>, a web indexing software that worked like Archie by Martinjn Koster &#8211; In fact, ALIWEB stands for &#8220;Archie Like of the Web&#8221;.</p>
<p><strong>ALIWEB</strong> works like known we have today as Online Directory of websites (<strong>the first Online Directory of websites</strong>) and it&#8217;s not a robot like Wanderer. It allows webmasters to post and submit their links and websites.</p>
<p>Then in end of 1993, three new search engines were launched with advance robot inspired by the first Wanderer. They were:-</p>
<ul>
<li><strong>JumpStation</strong> &#8211; indexes as far as reading out header and title of the website. Then introduce ordering.</li>
<li><strong>World Wide Web Worm</strong> &#8211; indexes URL and the corresponding web title but lack of ordering</li>
<li><strong>Repository Based Software Engineering Spider (RBSE)</strong> &#8211; got around by doing the same and also by introducing the term we know now as <strong>relevancy</strong> and <strong>ranking</strong>.</li>
</ul>
<div>Later the following year after all 3 of the search engine started operating. Came another one called <strong>Architext</strong> which also try to do the same thing but, lack of intelligence. They got around eventually by using a product called<strong> Elnet Galaxy</strong> . <strong>Achitext</strong> was the search software that became the <strong>Excite Engine. </strong>Its websites links were organized in a hierarchical structure and divided into subcategories much like what <strong>Yahoo</strong>! search engine is today.</div>
<div style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/excite.jpg"><img class="aligncenter size-full wp-image-2274" title="excite" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/excite.jpg" alt="" width="353" height="232" /></a></div>
<div>The next significant stage was the creation of <strong>Yahoo!</strong> directory in April 1994 &#8211; which began as a couple of students list of favorite web pages and grew into the worldwide phenomenon. Yahoo!<strong> guaranteed the quality</strong> of the websites it listed because, they were <strong>accepted and rejected by human editors</strong> manually. The advantage of the directories plus their guaranteed quality, was their detailed description that comes along with the title of the page.</div>
<div><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/yahoo_logo1.jpg"><img class="aligncenter size-full wp-image-2275" title="yahoo_logo1" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/yahoo_logo1.jpg" alt="" width="350" height="245" /></a></div>
<div>The first advance robot created by University of Washington was called <strong>WebCrawler</strong> which features indexing of full text of documents, allowing users to search these in web. WebCrawler was then adopted by <strong>American Online (AOL)</strong> who purchased the system. <strong>WebCrawler</strong> was the <strong>first search engine</strong> that could index<strong> full text</strong> of a page of HTML.</div>
<div style="text-align: center;"><a href="http://www.isgoodstuff.com/wp-content/uploads/2012/04/aol.jpg"><img class="aligncenter size-full wp-image-2276" title="aol" src="http://www.isgoodstuff.com/wp-content/uploads/2012/04/aol.jpg" alt="" width="286" height="255" /></a></div>
<div>Well, that&#8217;s it for part II of the amazing history of search engine. Hope you enjoy reading it as I do. Next episode I&#8217;ll cover a few more emerging companies and take overs which eventually lead to the Rise of Google.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isgoodstuff.com/2012/04/07/history-of-search-engine-episode-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 : LocalStorage Tutorial</title>
		<link>http://www.isgoodstuff.com/2012/03/30/html5-localstorage/</link>
		<comments>http://www.isgoodstuff.com/2012/03/30/html5-localstorage/#comments</comments>
		<pubDate>Fri, 30 Mar 2012 05:16:04 +0000</pubDate>
		<dc:creator>Alex T.</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Mobile Development]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.isgoodstuff.com/?p=2255</guid>
		<description><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/2012/03/localStorage200x200.jpg"/></p>Today, we focus on how to implement HTML5 localStorage. Check it out.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.isgoodstuff.com/wp-content/uploads/2012/03/localStorage200x200.jpg"/></p><p>Today, we are covering on how to store some simple data and move on to more complex data structure like an object into HTML5 local storage system. What the heck is local storage? Well in short summary , <em>LocalStorage</em> is a handy API included in the &#8220;<em>HTML5</em>&#8221; wave that gives web developers an easy to use 5MB store on an users local machine. In other words is way much better than storing app related information in cookies.</p>
<p>We can easily store key and value pair into a localStorage, here is how. In the source code below, context &#8220;name&#8221; is known as a key, &#8220;Hello World&#8221; string is our value.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">localStorage.<span style="color: #660066;">setItem</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;name&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Hello World!&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//saves to the database, key/value</span>
console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>localStorage.<span style="color: #660066;">getItem</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;name&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//Hello World!</span></pre></td></tr></table></div>

<p>So how do we store a more complex data like object and arrays? Let&#8217;s write a prototype extension and name it localStorage.js. This should be loaded before we even use our localStorage command. Code below extend existing localStorage to cater for objects by using JSON.stringify method.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">Storage.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">setObject</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>key<span style="color: #339933;">,</span> value<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">setItem</span><span style="color: #009900;">&#40;</span>key<span style="color: #339933;">,</span> JSON.<span style="color: #660066;">stringify</span><span style="color: #009900;">&#40;</span>value<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
Storage.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">getObject</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>key<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   <span style="color: #000066; font-weight: bold;">return</span> JSON.<span style="color: #660066;">parse</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">getItem</span><span style="color: #009900;">&#40;</span>key<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Then you can just use the method set/get Object to do like code below. That&#8217;s about it for today, happy storing <img src='http://www.isgoodstuff.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> dataObject <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Object<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
dataObject.<span style="color: #660066;">id</span> <span style="color: #339933;">=</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>
dataObject.<span style="color: #000066;">name</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;Alex&quot;</span><span style="color: #339933;">;</span>
&nbsp;
localStorage.<span style="color: #660066;">setObject</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;myDataObject&quot;</span><span style="color: #339933;">,</span> dataObject<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>localStorage.<span style="color: #660066;">getObject</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;myDataObject&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>For today&#8217;s localStorage.js and how to use it source code&#8230;<br />
<p><strong><a href="http://www.isgoodstuff.com/wp-content/plugins/download-monitor/download.php?id=35">Download Here</a></strong></p></br></p>
]]></content:encoded>
			<wfw:commentRss>http://www.isgoodstuff.com/2012/03/30/html5-localstorage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

