<?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>The Web Development Blog &#187; jQuery</title>
	<atom:link href="http://www.thewebdevelopmentblog.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thewebdevelopmentblog.com</link>
	<description>News, tips, scripts and tutorials for web developers.</description>
	<lastBuildDate>Sun, 09 May 2010 12:19:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>jQuery 1.4 hits the web.</title>
		<link>http://www.thewebdevelopmentblog.com/2010/01/jquery-1-4-hits-the-web/</link>
		<comments>http://www.thewebdevelopmentblog.com/2010/01/jquery-1-4-hits-the-web/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 05:09:02 +0000</pubDate>
		<dc:creator>Jason Stockton</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://thewebdevelopmentblog.com/?p=419</guid>
		<description><![CDATA[In case you haven&#8217;t run around the web recently you may or may not have noticed jQuery 1.4 has just hit the web. The new release has a large list of improvements on features, speed increases as well as is highly backwards compatible which means most people can upgrade without any real hassles. Instead of [...]]]></description>
			<content:encoded><![CDATA[<p>In case you haven&#8217;t run around the web recently you may or may not have noticed jQuery 1.4 has just hit the web. The new release has a large list of improvements on features, speed increases as well as is highly backwards compatible which means most people can upgrade without any real hassles.</p>
<p><span id="more-419"></span></p>
<p>Instead of re-writing all the new features and speed improvements jump on the official release site for more details:</p>
<p><a href="http://jquery14.com/day-01/jquery-14" target="_blank">http://jquery14.com/day-01/jquery-14</a></p>
<p>Be sure to read the backwards incompatibilities at the bottom just to make sure nothing will break when you upgrade.</p>
<p>I&#8217;ll post a review once I&#8217;ve had a chance to put it through it&#8217;s paces properly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebdevelopmentblog.com/2010/01/jquery-1-4-hits-the-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>7 Handy jQuery Plug-ins</title>
		<link>http://www.thewebdevelopmentblog.com/2009/09/7-handy-jquery-plug-ins/</link>
		<comments>http://www.thewebdevelopmentblog.com/2009/09/7-handy-jquery-plug-ins/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 12:14:27 +0000</pubDate>
		<dc:creator>Jason Stockton</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://thewebdevelopmentblog.com/?p=291</guid>
		<description><![CDATA[What I love about jQuery is how it make coding Javascript much quicker and easier. Switching to jQuery after years of experience in Javascript felt like I was going backwards because of how much easier it is. jQuery is super powerful and now speedier than ever. But it&#8217;s greatest feature is the thousands of plug-ins [...]]]></description>
			<content:encoded><![CDATA[<p>What I love about <a href="http://www.jquery.com" target="_blank">jQuery</a> is how it make coding Javascript much quicker and easier. Switching to jQuery after years of experience in Javascript felt like I was going backwards because of how much easier it is. jQuery is super powerful and now speedier than ever. But it&#8217;s greatest feature is the thousands of plug-ins available for it. I&#8217;m going to have a look some of the handy jQuery plug-ins I&#8217;ve come across.</p>
<p><span id="more-291"></span></p>
<h2><strong><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="_blank">Web Form Validation</a></strong></h2>
<p>This plug-in is one that I will be using quite often. It takes the hassle out of coding a validation script for your web forms and works with 1 simple line of code. You can easily set which fields are required and what type of field it is in the form via simple meta data in the tag. You can also easily change the look of the error messages via css.</p>
<p><img class="alignnone size-full wp-image-292" title="Screen shot 2009-09-04 at 9.20.14 PM" src="http://thewebdevelopmentblog.com/wp-content/uploads/2009/09/Screen-shot-2009-09-04-at-9.20.14-PM.png" alt="Screen shot 2009-09-04 at 9.20.14 PM" width="534" height="288" /></p>
<h2><a href="http://acko.net/dev/farbtastic" target="_blank">Farbtastic Color Picker</a></h2>
<p>More then just looks, this color picker is so easy to install you feel like you&#8217;re cheating! Works brilliantly and puts the hex straight into any input field ready for you to use in your web app.</p>
<p><img class="alignnone size-full wp-image-293" title="Screen shot 2009-09-04 at 9.23.35 PM" src="http://thewebdevelopmentblog.com/wp-content/uploads/2009/09/Screen-shot-2009-09-04-at-9.23.35-PM.png" alt="Screen shot 2009-09-04 at 9.23.35 PM" width="209" height="257" /></p>
<h2><strong><a href="http://jquery.lukelutman.com/plugins/flash/" target="_blank">Flash</a></strong></h2>
<p>This plugin makes adding flash a little bit simpler and can easily handle your version checking for you.</p>
<p><img class="alignnone size-full wp-image-298" title="Screen shot 2009-09-04 at 9.48.20 PM" src="http://thewebdevelopmentblog.com/wp-content/uploads/2009/09/Screen-shot-2009-09-04-at-9.48.20-PM.png" alt="Screen shot 2009-09-04 at 9.48.20 PM" width="330" height="206" /></p>
<h2><strong><a href="http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/" target="_blank">Simple Page Peel</a></strong></h2>
<p>You&#8217;ve seen it everywhere, the ugly flash thing in the corner where you rollover it and it peels the page back to reveal some crazy offer. Well here is a jQuery implementation for it but unlike it&#8217;s flash brothers its not ugly!</p>
<p><img class="alignnone size-full wp-image-299" title="Screen shot 2009-09-04 at 10.00.40 PM" src="http://thewebdevelopmentblog.com/wp-content/uploads/2009/09/Screen-shot-2009-09-04-at-10.00.40-PM.png" alt="Screen shot 2009-09-04 at 10.00.40 PM" width="441" height="383" /></p>
<h2><strong><a href="http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/" target="_blank">Cookies</a></strong></h2>
<p>Mmmmm, yum! No wait, this is the browser kind. This plugin gives you a simple way to create and delete cookies using Javascript.</p>
<p><img class="alignnone size-full wp-image-300" title="Screen shot 2009-09-04 at 10.03.59 PM" src="http://thewebdevelopmentblog.com/wp-content/uploads/2009/09/Screen-shot-2009-09-04-at-10.03.59-PM.png" alt="Screen shot 2009-09-04 at 10.03.59 PM" width="497" height="85" /></p>
<h2><strong><a href="http://www.kelvinluck.com/assets/jquery/styleswitch/" target="_blank">Stylesheet Switcher</a></strong></h2>
<p>Speaks for itself, you can easily switch between CSS stylesheets.</p>
<h2><strong><a href="http://blue-anvil.com/jquerycurvycorners/test.html" target="_blank">Curvy Corners</a></strong></h2>
<p>Want cross browser curves without the hassle of corner images? This is for you. Not as smooth as the CSS3 code but it&#8217;ll work across all modern browsers.</p>
<p><img class="alignnone size-full wp-image-301" title="Screen shot 2009-09-04 at 10.10.55 PM" src="http://thewebdevelopmentblog.com/wp-content/uploads/2009/09/Screen-shot-2009-09-04-at-10.10.55-PM.png" alt="Screen shot 2009-09-04 at 10.10.55 PM" width="262" height="295" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebdevelopmentblog.com/2009/09/7-handy-jquery-plug-ins/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Javascript Libraries: Prototype or jQuery?</title>
		<link>http://www.thewebdevelopmentblog.com/2009/08/resource-javascript-libraries-prototype-or-jquery/</link>
		<comments>http://www.thewebdevelopmentblog.com/2009/08/resource-javascript-libraries-prototype-or-jquery/#comments</comments>
		<pubDate>Sun, 23 Aug 2009 04:18:46 +0000</pubDate>
		<dc:creator>Jason Stockton</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Javascript Libraries]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Prototype]]></category>

		<guid isPermaLink="false">http://thewebdevelopmentblog.com/?p=272</guid>
		<description><![CDATA[A year ago the answer was easy, Prototype. Today jQuery has grown enormously and has the largest active community out of all the Javascript libraries. But is it the right choice for you? And what is a Javascript library anyway? What is a Javascript Library? Anyone who&#8217;s ever done serious coding with Javascript knows that [...]]]></description>
			<content:encoded><![CDATA[<p>A year ago the answer was easy, Prototype. Today jQuery has grown enormously and has the largest active community out of all the Javascript libraries. But is it the right choice for you? And what is a Javascript library anyway?</p>
<p><span id="more-272"></span></p>
<p><strong>What is a Javascript Library?</strong></p>
<p>Anyone who&#8217;s ever done serious coding with Javascript knows that to get code to work cross-browser is a nightmare. Internet Explorer likes one way, Safari another, and Firefox another. It can be quite time consuming. This is where the Javascript libraries come to save the day! Hurray! Javascript libraries take the hassle out of coding for cross browser by extending Javascript so you don&#8217;t have to waste time developing for each browser.</p>
<p><strong>So which one to choose?</strong></p>
<p>There are two main Javascript libraries which are really in play, those are <a href="http://www.prototypejs.org" target="_blank">Prototype</a> and <a href="http://jquery.com/" target="_blank">jQuery</a>. There is also <a href="http://mootools.net/" target="_blank">MooTools</a>, however it is not anywhere near as widely used as Prototype and jQuery. That&#8217;s not to say it&#8217;s not as good, but I&#8217;m just going to compare the two leaders. It is important to note, there is no right or wrong answer, there is just preferences</p>
<p><strong>Prototype &#8211; The Grandfather</strong></p>
<p>It&#8217;s older but wiser. The key focus of Prototype is that it&#8217;s not really  designed to re-work the way Javascript is written, but to make your code more stable across more browsers and extented Javascript&#8217;s capabilities . Prototype builds on what&#8217;s already in Javascript, so you generally still get to do Javascript coding. It doesn&#8217;t build in fancy effects etc like jQuery does, it has it&#8217;s little sister <a href="http://script.aculo.us/" target="_blank">scriptaculous</a> to do that for it. One issue with Prototype is size, jQuery is available minified and gzipped, so it&#8217;s ready to go at 19kb. Prototype doesn&#8217;t have this available which is definitely hurting it&#8217;s numbers with younger developers. To gzip javascript yourself using PHP see my <a title="Jason Stockton, Web Developer, Javascript Gzip script" href="http://thewebdevelopmentblog.com/2008/10/tip-speed-up-your-websites-using-gzip-and-merging-files/" target="_blank">gzip script here</a>.</p>
<p>So why have I dubbed it &#8220;The Grandfather&#8221; and will this effect future development?</p>
<p>The problem with Prototype is it is becoming less and less active whilst jQuery becomes more and more active. More and more sites are switching to the hip young jQuery. Key switchers here are Twitter, Digg, NBC and the list goes on. So is the lack of progress going to affect it&#8217;s future? Right now no, but fast forward a year from now, if it&#8217;s still as inactive as it is now as newer browsers come out it&#8217;s going to quickly die out.</p>
<p>Prototype is still very stable and well featured, so it&#8217;s not to be overlooked.</p>
<p><strong>jQuery &#8211; The Cool Guy</strong></p>
<p>In contrast to Prototype, jQuery is built to reshape how Javascript is written and make it faster to write scripts. In short it does the hard work for you. jQuery is now the most widely used and supported Javascript library out there. There are literally hundreds of plugins, possibly thousands and the support is only growing. According to <a href="http://mootools.net/slickspeed/" target="_self">SlickSpeed</a> jQuery is significantly faster than Prototype, with the latest release said to be much much faster again. We&#8217;re only talking milliseconds so it&#8217;s not necessarily a huge deal but it&#8217;s always better to shave off time where possible.  It can take a bit of getting used to if you&#8217;re an advanced Javascript developer, but it seems like it will be of benefit in the long term. If you haven&#8217;t learnt Javascript before, jQuery can make it easier for you to get started making great scripts today.</p>
<p><strong>So which to choose?</strong></p>
<p>Ultimately it&#8217;s up to you, if you can&#8217;t decide, you can <a href="http://docs.jquery.com/Using_jQuery_with_Other_Libraries" target="_blank">use both</a>. I myself have been using Prototype for sometime and it is implemented in just about all of my sites AND I have built my own set of functions to compliment it. Having said that, the temptation to trial jQuery has gotten too great so I will be using both for a period of time before weening out Prototype now that jQuery can do pretty much all that Prototype can do, plus do it <strong>some of it</strong> easier.</p>
<p>They&#8217;re both great libraries and each have their pros and cons. jQuery is just hitting more of the pros today.</p>
<p><strong><a href="http://www.prototypejs.org" target="_blank">Download Prototype here</a></strong></p>
<p><strong><a href="http://jquery.com/" target="_blank">Download jQuery here</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebdevelopmentblog.com/2009/08/resource-javascript-libraries-prototype-or-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
