<?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>webtoolkit4.me &#187; Javascript</title>
	<atom:link href="http://webtoolkit4.me/category/frontend/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://webtoolkit4.me</link>
	<description></description>
	<lastBuildDate>Mon, 23 Aug 2010 19:01:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>PaintbrushJS by Dave Shea</title>
		<link>http://webtoolkit4.me/2010/08/21/paintbrushjs-by-dave-shea/</link>
		<comments>http://webtoolkit4.me/2010/08/21/paintbrushjs-by-dave-shea/#comments</comments>
		<pubDate>Sat, 21 Aug 2010 17:40:14 +0000</pubDate>
		<dc:creator>klou</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[camvas]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[filters]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=910</guid>
		<description><![CDATA[PaintbrushJS is a lightweight, browser-based image processing library that can apply various visual filters to images within a web page. So, who&#8217;s into photoshop filters with just a little Javascript, CSS and HTML elements? Your &#8220;thank you&#8221; goes to Author of Mezzoblue, David Shea! Related posts:Smoke Effects: 42 High Resolution Photoshop Brushes Moogenda: a calendar [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2009/07/24/smoke-effects-42-high-resolution-photoshop-brushe/' rel='bookmark' title='Permanent Link: Smoke Effects: 42 High Resolution Photoshop Brushes'>Smoke Effects: 42 High Resolution Photoshop Brushes</a></li>
<li><a href='http://webtoolkit4.me/2009/03/16/moogenda-a-calendar-mootools-agenda/' rel='bookmark' title='Permanent Link: Moogenda: a calendar mootools agenda'>Moogenda: a calendar mootools agenda</a></li>
<li><a href='http://webtoolkit4.me/2010/05/07/jquery-offline-plugin/' rel='bookmark' title='Permanent Link: jQuery Offline plugin'>jQuery Offline plugin</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F08%2F21%2Fpaintbrushjs-by-dave-shea%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F08%2F21%2Fpaintbrushjs-by-dave-shea%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p>PaintbrushJS is a lightweight, browser-based image processing library<br />
that can apply various visual filters to images within a web page.</p>
<p>So, who&#8217;s into photoshop filters with just a little Javascript, CSS and HTML elements?</p>
<p>Your &#8220;thank you&#8221; goes to Author of <a href="http://mezzoblue.com/">Mezzoblue</a>, David Shea!</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2009/07/24/smoke-effects-42-high-resolution-photoshop-brushe/' rel='bookmark' title='Permanent Link: Smoke Effects: 42 High Resolution Photoshop Brushes'>Smoke Effects: 42 High Resolution Photoshop Brushes</a></li>
<li><a href='http://webtoolkit4.me/2009/03/16/moogenda-a-calendar-mootools-agenda/' rel='bookmark' title='Permanent Link: Moogenda: a calendar mootools agenda'>Moogenda: a calendar mootools agenda</a></li>
<li><a href='http://webtoolkit4.me/2010/05/07/jquery-offline-plugin/' rel='bookmark' title='Permanent Link: jQuery Offline plugin'>jQuery Offline plugin</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/08/21/paintbrushjs-by-dave-shea/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Class JS &#8211; Basic class structure in under a kilobyte of code</title>
		<link>http://webtoolkit4.me/2010/05/10/class-js-basic-class-structure-in-under-a-kilobyte-of-code/</link>
		<comments>http://webtoolkit4.me/2010/05/10/class-js-basic-class-structure-in-under-a-kilobyte-of-code/#comments</comments>
		<pubDate>Mon, 10 May 2010 06:00:37 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=848</guid>
		<description><![CDATA[Javascript freak? Do you need setters, getters, constructors and class extending capabilities? Class JS provides a basic class structure in under a kilobyte of code. Related posts:Project Deploy jQuery Edit in Place


Related posts:<ol><li><a href='http://webtoolkit4.me/2008/11/27/project-deploy/' rel='bookmark' title='Permanent Link: Project Deploy'>Project Deploy</a></li>
<li><a href='http://webtoolkit4.me/2008/12/07/jquery-edit-in-place/' rel='bookmark' title='Permanent Link: jQuery Edit in Place'>jQuery Edit in Place</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F05%2F10%2Fclass-js-basic-class-structure-in-under-a-kilobyte-of-code%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F05%2F10%2Fclass-js-basic-class-structure-in-under-a-kilobyte-of-code%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.evanbyrne.com/article/class.js"><img class="alignnone size-full wp-image-849" title="classjs" src="http://webtoolkit4.me/wp-content/uploads/2010/05/classjs.gif" alt="" width="580" height="400" /></a></p>
<p>Javascript freak? Do you need setters, getters, constructors and class extending capabilities? Class JS provides a basic class structure in under a kilobyte of code.</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2008/11/27/project-deploy/' rel='bookmark' title='Permanent Link: Project Deploy'>Project Deploy</a></li>
<li><a href='http://webtoolkit4.me/2008/12/07/jquery-edit-in-place/' rel='bookmark' title='Permanent Link: jQuery Edit in Place'>jQuery Edit in Place</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/05/10/class-js-basic-class-structure-in-under-a-kilobyte-of-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Riding carousels with jQuery, Mootools, YUI and Prototype</title>
		<link>http://webtoolkit4.me/2009/08/14/riding-carousels-with-jquery-mootools-yui-and-prototype/</link>
		<comments>http://webtoolkit4.me/2009/08/14/riding-carousels-with-jquery-mootools-yui-and-prototype/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 07:56:33 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=537</guid>
		<description><![CDATA[Carousels are everywhere. We can see them in many blogs and portals. It&#8217;s actually a good way to group content like images, new articles etc and get more attention for these items. With the explosion of javascript frameworks, it&#8217;s impossible not to find a carousel script for the framework of your choice. Here&#8217;s a list [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2009/07/15/advanced-jquery-turning-a-good-app-into-a-great-app/' rel='bookmark' title='Permanent Link: Advanced jQuery: Turning a good app into a great app'>Advanced jQuery: Turning a good app into a great app</a></li>
<li><a href='http://webtoolkit4.me/2009/08/13/jquery-growl-likenotification-systems/' rel='bookmark' title='Permanent Link: 6 jQuery growl-like notification systems'>6 jQuery growl-like notification systems</a></li>
<li><a href='http://webtoolkit4.me/2009/01/30/slide-box-a-jquery-plugin/' rel='bookmark' title='Permanent Link: Slide Box &#8211; a jQuery plugin'>Slide Box &#8211; a jQuery plugin</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebtoolkit4.me%2F2009%2F08%2F14%2Friding-carousels-with-jquery-mootools-yui-and-prototype%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2009%2F08%2F14%2Friding-carousels-with-jquery-mootools-yui-and-prototype%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-full wp-image-538" title="00_carousels" src="http://webtoolkit4.me/wp-content/uploads/2009/08/00_carousels.jpg" alt="00_carousels" width="590" height="300" /></p>
<p>Carousels are everywhere. We can see them in many blogs and portals. It&#8217;s actually a good way to group content like images, new articles etc and get more attention for these items. With the explosion of<a href="http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks" target="_blank"> javascript frameworks</a>, it&#8217;s impossible not to find a carousel script for the framework of your choice. Here&#8217;s a list of 4 carousel scripts for jQuery, MooTools, YUI and Prototype:<span id="more-537"></span></p>
<h3><span>iCarousel (Mootools)</span></h3>
<p><img class="alignnone size-full wp-image-539" title="01_mootools" src="http://webtoolkit4.me/wp-content/uploads/2009/08/01_mootools.jpg" alt="01_mootools" width="590" height="400" /><br />
<a href="http://zendold.lojcomm.com.br/icarousel/">Download</a> <a href="http://zendold.lojcomm.com.br/icarousel/example6.asp">Demo</a></p>
<h3><span>jCarousel (jQuery)</span></h3>
<p><img class="alignnone size-full wp-image-540" title="02_jquery" src="http://webtoolkit4.me/wp-content/uploads/2009/08/02_jquery.jpg" alt="02_jquery" width="590" height="320" /><br />
<a href="http://sorgalla.com/projects/jcarousel/">Download</a> <a href="http://sorgalla.com/projects/jcarousel/#Examples">Demo</a></p>
<h3><span>Carousel Control (YUI)</span></h3>
<p><img class="alignnone size-full wp-image-541" title="03_yui" src="http://webtoolkit4.me/wp-content/uploads/2009/08/03_yui.jpg" alt="03_yui" width="590" height="320" /><br />
<a href="http://developer.yahoo.com/yui/carousel/">Download</a> <a href="http://developer.yahoo.com/yui/examples/carousel/index.html">Demo</a></p>
<h3><span>Carousel (Prototype)</span></h3>
<p><img class="alignnone size-full wp-image-542" title="04_prototype" src="http://webtoolkit4.me/wp-content/uploads/2009/08/04_prototype.jpg" alt="04_prototype" width="590" height="320" /><br />
<a href="http://code.google.com/p/prototype-carousel/">Download</a> <a href="http://dev.victorstanciu.ro/prototype/carousel/">Demo</a></p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2009/07/15/advanced-jquery-turning-a-good-app-into-a-great-app/' rel='bookmark' title='Permanent Link: Advanced jQuery: Turning a good app into a great app'>Advanced jQuery: Turning a good app into a great app</a></li>
<li><a href='http://webtoolkit4.me/2009/08/13/jquery-growl-likenotification-systems/' rel='bookmark' title='Permanent Link: 6 jQuery growl-like notification systems'>6 jQuery growl-like notification systems</a></li>
<li><a href='http://webtoolkit4.me/2009/01/30/slide-box-a-jquery-plugin/' rel='bookmark' title='Permanent Link: Slide Box &#8211; a jQuery plugin'>Slide Box &#8211; a jQuery plugin</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2009/08/14/riding-carousels-with-jquery-mootools-yui-and-prototype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DD_belatedPNG: better PNG background-image support for IE6</title>
		<link>http://webtoolkit4.me/2008/12/08/dd_belatedpng-better-png-background-image-support-for-ie6/</link>
		<comments>http://webtoolkit4.me/2008/12/08/dd_belatedpng-better-png-background-image-support-for-ie6/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 19:50:35 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=224</guid>
		<description><![CDATA[DD_belatedPNG is another PNG fix for IE6. There are so many out there but most them FAIL one or the other way. After playing for a while with it, it seems that it covers some cases where most of the other scripts just fail like background-position and background-repeat cases.  DD_belated comes in 2 versions, uncompressed [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2009/02/11/supersized-full-screen-background-slideshow/' rel='bookmark' title='Permanent Link: Supersized: Full Screen Background/Slideshow'>Supersized: Full Screen Background/Slideshow</a></li>
<li><a href='http://webtoolkit4.me/2008/11/13/15-free-high-resolution-icons/' rel='bookmark' title='Permanent Link: 15 Free High Resolution Icons'>15 Free High Resolution Icons</a></li>
<li><a href='http://webtoolkit4.me/2008/11/24/s3slider-jquery-plugin/' rel='bookmark' title='Permanent Link: s3Slider jQuery plugin'>s3Slider jQuery plugin</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebtoolkit4.me%2F2008%2F12%2F08%2Fdd_belatedpng-better-png-background-image-support-for-ie6%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2008%2F12%2F08%2Fdd_belatedpng-better-png-background-image-support-for-ie6%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.dillerdesign.com/experiment/DD_belatedPNG/"><img title="dd_belatedpng" src="http://webtoolkit4.me/wp-content/uploads/2008/12/dd_belatedpng.gif" alt="" width="590" height="69" /></a></p>
<p>DD_belatedPNG is another PNG fix for IE6. There are so many out there but most them FAIL one or the other way. After playing for a while with it, it seems that it covers some cases where most of the other scripts just fail like background-position and background-repeat cases.  DD_belated comes in 2 versions, uncompressed (6.5kb) and compressed (3.65kb) and <a href="http://www.dillerdesign.com/experiment/DD_belatedPNG/" target="_blank">it can be downloaded for free from its official website</a>.</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2009/02/11/supersized-full-screen-background-slideshow/' rel='bookmark' title='Permanent Link: Supersized: Full Screen Background/Slideshow'>Supersized: Full Screen Background/Slideshow</a></li>
<li><a href='http://webtoolkit4.me/2008/11/13/15-free-high-resolution-icons/' rel='bookmark' title='Permanent Link: 15 Free High Resolution Icons'>15 Free High Resolution Icons</a></li>
<li><a href='http://webtoolkit4.me/2008/11/24/s3slider-jquery-plugin/' rel='bookmark' title='Permanent Link: s3Slider jQuery plugin'>s3Slider jQuery plugin</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2008/12/08/dd_belatedpng-better-png-background-image-support-for-ie6/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
