<?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>websitedesignby.com &#187; AJAX</title>
	<atom:link href="http://www.websitedesignby.com/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.websitedesignby.com</link>
	<description>Web Site Design and Programming - Naples, Florida</description>
	<lastBuildDate>Sat, 04 Jun 2011 13:17:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>What is this Wave you speak of?</title>
		<link>http://www.websitedesignby.com/apis/what-is-this-wave-you-speak-of/</link>
		<comments>http://www.websitedesignby.com/apis/what-is-this-wave-you-speak-of/#comments</comments>
		<pubDate>Wed, 14 Apr 2010 12:27:59 +0000</pubDate>
		<dc:creator>Ross</dc:creator>
				<category><![CDATA[APIs]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[google code]]></category>
		<category><![CDATA[google wave]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.websitedesignby.com/?p=609</guid>
		<description><![CDATA[
If you do a lot of Emailing back in forth as I often do, you may want to try Google Wave. Google Wave is still an invitation-only beta (Gmail was an invitation-only beta from 2004-2007 years before being released to the public), so you will need an invite to start using it. I have about [...]]]></description>
			<content:encoded><![CDATA[<p>
If you do a lot of Emailing back in forth as I often do, you may want to try Google Wave.<img src="http://www.websitedesignby.com/wp-content/uploads/tim.jpg" alt="Tim the Enchanter" title="Tim the Enchanter" width="100" height="99" class="size-full wp-image-610" align="left" style="margin-right:10px;" /> Google Wave is still an invitation-only beta <em>(Gmail was an invitation-only beta from 2004-2007 years before being released to the public)</em>, so you will need an invite to start using it. I have about 10 invites left, so you can drop me a note and I will send you one if you are interested in trying it and promise to post something nice in <a href="http://www.websitedesignby.com/wave/">my wave</a>. Google Wave is hard to describe as I am quite a wave newbie myself. It is an amalgamation of Email, chat, bulletin board, shared document and a live meeting.</p>
<p><a href="http://www.websitedesignby.com/wave/"><img src="http://www.websitedesignby.com/wp-content/uploads/google_wave.jpg" alt="Google Wave" title="Google Wave" width="239" height="205" align="right" /></a>Since wave is currently the bleeding edge of technology, you will need a couple things besides an invite to make your web browser Wave ready. First of all I recommend using <a href="http://www.mozilla.com/firefox">Firefox</a>, so if you don&#8217;t have that web browser go ahead and install it. Next go install <a href="http://gears.google.com/" target="_blank">gears</a>. Ok you should be all set! Now go visit <a href="http://www.websitedesignby.com/wave/">my wave</a> and try it out.</p>
<p>You will probably need to watch some of the videos and read the instructions at <a href="http://wave.google.com/about.html" target="_blank">wave.google.com/about.html</a>. If you have other resources and links, please share them in <a href="http://www.websitedesignby.com/wave/">my wave</a>. I am still a little perplexed by it all myself, but see some potential here. Who knows, maybe this thing will be really useful when it gets out of beta in 2013.</p>
<p>Thanks <a href="http://blog.zenika.com/index.php?post/2010/01/27/Google-Wave-Embedded-API-the-missing-tutorial">blog.zenika.com</a> for sorting out the details.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.websitedesignby.com%2Fapis%2Fwhat-is-this-wave-you-speak-of%2F&amp;linkname=What%20is%20this%20Wave%20you%20speak%20of%3F"><img src="http://www.websitedesignby.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.websitedesignby.com/apis/what-is-this-wave-you-speak-of/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>NatureSong 2009 Redesign</title>
		<link>http://www.websitedesignby.com/apis/229/</link>
		<comments>http://www.websitedesignby.com/apis/229/#comments</comments>
		<pubDate>Sat, 26 Sep 2009 23:32:31 +0000</pubDate>
		<dc:creator>Ross</dc:creator>
				<category><![CDATA[APIs]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PayPal]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[UPS]]></category>

		<guid isPermaLink="false">http://www.websitedesignby.com/?p=229</guid>
		<description><![CDATA[

naturesong.net was redesigned in 2009 to address some issues with the shopping cart, integrate a reseller login so resellers can log in and purchase CDs at a discount and NET 30 payment terms and generally update the look and feel of the site.


The shopping cart and content management system is completely custom. I decided to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.naturesong.net" target="_blank"><img src="http://www.websitedesignby.com/wp-content/uploads/naturesong_700.jpg" alt="Nature Song 2009" title="naturesong.net" width="700" height="542" class="size-medium wp-image-230" /></a></p>
<p>
<a href="http://www.naturesong.net" target="_blank">naturesong.net</a> was redesigned in 2009 to address some issues with the shopping cart, integrate a reseller login so resellers can log in and purchase CDs at a discount and NET 30 payment terms and generally update the look and feel of the site.
</p>
<p>
The shopping cart and content management system is completely custom. I decided to create a custom system for this site because I had a clear vision of how it should work. The owner, Bill Leverick, wanted to be able to easily update the CDs available for sale. I knew there were off-the-shelf shopping carts and content management systems I could probably have used or customized. Because these products had an &#8216;audio sample&#8217; component to them that we needed to attach and be able to associate audio files with multiple products, I decided to build it myself. The site integrates PayPal Website Payments Pro for it&#8217;s merchant service provider and the UPS API to get shipping information from UPS in real-time for orders with quantities above 2 CDs. The AJAX overlay for each product uses the jQuery framework to handle the JavaScript effects.
</p>
<p>
In retrospect I am happy with my decision to go completely custom with this site. It allowed me to develop exactly what the client was looking for without excess functionality that he didn&#8217;t want or need and might have confused the process. It also allowed me to address his fine-tuning requests quickly and not have to compromise because of an off-the-shelf software limitation.
</p>
<p>
Here is a quote from the owner:</p>
<blockquote><p>Ross,<br />
I just logged on to check out the new NatureSong site that you activated today. I am very pleased not only with the graphics, but with the built in ability for me to make necessary changes to the products. You have done a great job and I would heartily recommend you to anyone. Please feel free to use this site and my other web site, <a href="http://www.capcodnewenglandgiftshow.com" target="_blank">Cape Cod &#038; New England Gift Show</a> as examples of your work.<br />
Thanks,<br />
Bill Leverick</p></blockquote>
<p><a href="http://www.naturesong.net" target="_blank">View Project</a></p>
<p><span style="font-size:10px;">The original site I developed in 1998 can be seen <a href="http://www.websitedesignby.com/addesignconcepts/2005/portfolio/flash/naturesong/index_flash.html" target="_blank">here</a>.</span></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.websitedesignby.com%2Fapis%2F229%2F&amp;linkname=NatureSong%202009%20Redesign"><img src="http://www.websitedesignby.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.websitedesignby.com/apis/229/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AJAX loading GIF generator</title>
		<link>http://www.websitedesignby.com/code-snippets-and-resources/ajax-loading-gif-generator/</link>
		<comments>http://www.websitedesignby.com/code-snippets-and-resources/ajax-loading-gif-generator/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 18:02:05 +0000</pubDate>
		<dc:creator>Ross</dc:creator>
				<category><![CDATA[Code Snippets and Resources]]></category>
		<category><![CDATA[AJAX]]></category>

		<guid isPermaLink="false">http://www.websitedesignby.com/?p=173</guid>
		<description><![CDATA[Loading data from the server via AJAX is an efficient and increasingly popular way to present content from a user request. After starting out by writing my own AJAX functions I started using the prototype framework. I am currently using the jquery load function as jquery is a very powerful and easy to use framework [...]]]></description>
			<content:encoded><![CDATA[<p>Loading data from the server via <a href="http://en.wikipedia.org/wiki/Ajax_(programming)" target="_blank">AJAX</a> is an efficient and increasingly popular way to present content from a user request. After starting out by writing my own AJAX functions I started using the <a href="http://www.prototypejs.org/" target="_blank">prototype framework</a>. I am currently using the <a href="http://docs.jquery.com/Ajax/load" target="_blank">jquery load</a> function as jquery is a very powerful and easy to use framework that can handle the nuts and bolts of a variety of other javascript functions and effects.</p>
<p>Part of implementing an AJAX request is to have a message displayed while the request is being made to the server to let the user know exactly what is going on and give your application a more professional and responsive appearance.  In the past I have found myself spending too much time hand creating an animated loading indicator that spins with just the right colors and size. Fortunately someone out there has had the same experience and chose to share their solution. Here is a very handy tool to use to automatically generate a professional AJAX loading indicator GIF animation.  <a href="http://www.ajaxload.info/" target="_blank">ajaxload.info</a> lets you define the foreground and background color and generates a perfect, professional AJAX load indicator every time!</p>
<img src="http://www.websitedesignby.com/wp-content/uploads/2009/09/load_indicator.gif" alt="Load indicator generated at ajaxload.info" title="load_indicator" width="16" height="16" class="size-full wp-image-176" />
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.websitedesignby.com%2Fcode-snippets-and-resources%2Fajax-loading-gif-generator%2F&amp;linkname=AJAX%20loading%20GIF%20generator"><img src="http://www.websitedesignby.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.websitedesignby.com/code-snippets-and-resources/ajax-loading-gif-generator/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

