<?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>ArghWebWorks &#187; Javascript</title>
	<atom:link href="http://www.arghwebworks.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.arghwebworks.com</link>
	<description>True happiness comes from the joy of deeds well done, the zest of creating things new --- Antoine de Saint-Exupery</description>
	<lastBuildDate>Fri, 16 Apr 2010 20:48:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jQuery Animated Backgrounds for Nifty Effects</title>
		<link>http://www.arghwebworks.com/2010/02/04/jquery-animated-backgrounds-for-nifty-effects/</link>
		<comments>http://www.arghwebworks.com/2010/02/04/jquery-animated-backgrounds-for-nifty-effects/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 06:09:00 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.arghwebworks.com/?p=138</guid>
		<description><![CDATA[I&#8217;m fascinated with the CSS(link) (Cascading Style Sheets) sprites idea; that with a hole in one piece of paper, you can place it over another piece of paper to create different effects depending on what&#8217;s showing through the paper. It&#8217;s kind of an optical illusion.
Snook.Ca has some great ideas on how to use these optical [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m fascinated with the <abbr class="uttInitialism" title="Cascading Style Sheets">CSS</abbr>(<a class="ubernym" href="http://www.w3.org/Style/CSS/">link</a>) (Cascading Style Sheets) sprites idea; that with a hole in one piece of paper, you can place it over another piece of paper to create different effects depending on what&#8217;s showing through the paper. It&#8217;s kind of an optical illusion.</p>
<p><a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/">Snook.Ca</a> has some great ideas on how to use these optical illusions for a little pizazz with your site. I&#8217;ve reused their gradient/fade example over at this site: <a href="http://footed-pyjamas.com/flannel.php">Footed Pyjamas</a> (need some warm flannel footed pyjamas?) on the &#8220;Buy Now&#8221; button and it gives me a little thrill each time I slide my mouse over it.</p>
<p>I wonder what would happen with a wavy line, like stylized ocean waves, or maybe something else. I&#8217;ll have to play with it some more. <img src='http://www.arghwebworks.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>]]></content:encoded>
			<wfw:commentRss>http://www.arghwebworks.com/2010/02/04/jquery-animated-backgrounds-for-nifty-effects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ajax encourages sloppy programming</title>
		<link>http://www.arghwebworks.com/2006/07/17/why-ajax-sucks/</link>
		<comments>http://www.arghwebworks.com/2006/07/17/why-ajax-sucks/#comments</comments>
		<pubDate>Tue, 18 Jul 2006 03:04:25 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://arghwebworks.com/2006/07/17/why-ajax-sucks/</guid>
		<description><![CDATA[When you use &#8220;regular old&#8221; HTML(link), you&#8217;re forced to present your page in just a few seconds. If it&#8217;s not there, the browser will time-out and you will wind up with a &#8220;500 Error,&#8221; your user might try again, but for the most part, you&#8217;ve lost your audience. However, when you use AJAX (Asynchronous Javascript [...]]]></description>
			<content:encoded><![CDATA[<p>When you use &#8220;regular old&#8221; <abbr class="uttInitialism" title="HyperText Markup Language">HTML</abbr>(<a class="ubernym" href="http://www.w3.org/MarkUp/">link</a>), you&#8217;re forced to present your page in just a few seconds. If it&#8217;s not there, the browser will time-out and you will wind up with a &#8220;500 Error,&#8221; your user might try again, but for the most part, you&#8217;ve lost your audience. However, when you use <acronym class="uttAcronym" title="Asynchronous Javascript And XML">AJAX</acronym> (Asynchronous Javascript And <a href="http://www.w3.org/XML/" class="ubernym uttInitialism"><abbr class="uttInitialism" title="eXtensible Markup Language">XML</abbr></a>), you can lay out the main structure of your page, and then refresh each element individually; each element of the page then gets to time out seperately.  <acronym class="uttAcronym" title="Asynchronous Javascript And XML">Ajax</acronym> proponents call this a &#8216;good thing&#8217; because it helps the user experience your page as being interactive.</p>
<p>It can cause some Ajaxy sites to become slow, and having multiple Ajaxy sites (google calendar, flickr, etc) open in multiple windows can tax your bandwidth and your processor while you&#8217;re loading up all those pieces.  I think this is a misuse of <acronym class="uttAcronym" title="Asynchronous Javascript And XML">Ajax</acronym>, because you&#8217;re not really helping the user, you&#8217;re clogging up their bandwidth. It also provides some bad examples of programming. </p>
<p>For instance, one programmer I know had to represent a series of fifty items. She created a webpage, and then called an <acronym class="uttAcronym" title="Asynchronous Javascript And XML">ajax</acronym> function and populated a list with all 50 items. When a user wanted to get some specific information from the web page, she added that info to the <acronym class="uttAcronym" title="Asynchronous Javascript And XML">Ajax</acronym> return, and then used the same <acronym class="uttAcronym" title="Asynchronous Javascript And XML">ajax</acronym> to query the database, using Javascript to parse it out differently for the more detailed view. This was easier on her, because she only had to write and test one set of <acronym class="uttAcronym" title="Asynchronous Javascript And XML">ajax</acronym> functions and two tests of Javascript functions, but it wound up being harder for the user, because the two queries (&#8217;give me a list of 50 items&#8217; and &#8216;give me detailed info about this one item&#8217; ) returned the same information:a lot of extraneous information was included in both result sets.</p>
<p>The problem is analogous to the reasons for the height and width attributes in image tags (in <abbr class="uttInitialism" title="HyperText Markup Language">HTML</abbr>(<a class="ubernym" href="http://www.w3.org/MarkUp/">link</a>)). If you don&#8217;t include the height and width attributes, then the page will continue to display the text; the browser will not know where to position the image. But if you do, then the browser can block off the position of the image, leaving no image actually shown. The page appears to load faster, because the user isn&#8217;t watching as parts of the page are laid out and moved around. </p>
<p>Witness, for example, gmail. Google&#8217;s search engine website is very fast; pages come back quickly after you push the submit button. But the gmail interface takes a long time to draw, while the <acronym class="uttAcronym" title="Asynchronous Javascript And XML">Ajax</acronym> works its magic &#8216;behind the screen&#8217; and then shows the page.</p>
<p>I think that <acronym class="uttAcronym" title="Asynchronous Javascript And XML">Ajax</acronym> has its place in our web browsing world, and I appreciate all the hard work that goes into it- but some people are using it badly- and I think that <acronym class="uttAcronym" title="Asynchronous Javascript And XML">Ajax</acronym> is also good at covering those blemishes.</p>]]></content:encoded>
			<wfw:commentRss>http://www.arghwebworks.com/2006/07/17/why-ajax-sucks/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.227 seconds -->
