<?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; Frontend</title>
	<atom:link href="http://webtoolkit4.me/category/frontend/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>jQuery Offline plugin</title>
		<link>http://webtoolkit4.me/2010/05/07/jquery-offline-plugin/</link>
		<comments>http://webtoolkit4.me/2010/05/07/jquery-offline-plugin/#comments</comments>
		<pubDate>Fri, 07 May 2010 08:55:56 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=843</guid>
		<description><![CDATA[jQuery offline plugin provides a mechanism for retrieving and storing data through JSON on the client side. While the plugin makes use of the HTML5 localStorage API for persistence, the plugin will fall back to making a request to the server each time for browser that don&#8217;t support localStorage. The author states that jQuery Offline [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2009/01/27/jquery-plugin-imgpreview/' rel='bookmark' title='Permanent Link: jQuery Plugin imgPreview'>jQuery Plugin imgPreview</a></li>
<li><a href='http://webtoolkit4.me/2010/01/13/tiptip-jquery-plugin/' rel='bookmark' title='Permanent Link: TipTip jQuery Plugin'>TipTip jQuery Plugin</a></li>
<li><a href='http://webtoolkit4.me/2010/01/07/google-maps-jquery-plugin/' rel='bookmark' title='Permanent Link: Google Maps jQuery Plugin'>Google Maps 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%2F2010%2F05%2F07%2Fjquery-offline-plugin%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F05%2F07%2Fjquery-offline-plugin%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-full wp-image-844" title="joffline" src="http://webtoolkit4.me/wp-content/uploads/2010/05/joffline.gif" alt="" width="580" height="335" /></p>
<p><strong>jQuery offline plugin</strong> provides a mechanism for retrieving and storing data through JSON on the client side. While the plugin makes use of the HTML5 localStorage API for persistence, the plugin will fall back to making a request to the server each time for browser that don&#8217;t support localStorage. The author states that jQuery Offline should be used in conjunction with <a href="http://github.com/wycats/rack-offline#readme">Rack::Offline</a> for automating the process of generating a cache manifest and<a href="http://github.com/jquery/jquery-tmpl#readme"> jQuery-templ</a> for taking a javascript object and producing the necessary HTML out of it.</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2009/01/27/jquery-plugin-imgpreview/' rel='bookmark' title='Permanent Link: jQuery Plugin imgPreview'>jQuery Plugin imgPreview</a></li>
<li><a href='http://webtoolkit4.me/2010/01/13/tiptip-jquery-plugin/' rel='bookmark' title='Permanent Link: TipTip jQuery Plugin'>TipTip jQuery Plugin</a></li>
<li><a href='http://webtoolkit4.me/2010/01/07/google-maps-jquery-plugin/' rel='bookmark' title='Permanent Link: Google Maps jQuery Plugin'>Google Maps jQuery Plugin</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/05/07/jquery-offline-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pagination with jQuery: Sweet Pages</title>
		<link>http://webtoolkit4.me/2010/05/06/pagination-with-jquery-sweet-pages/</link>
		<comments>http://webtoolkit4.me/2010/05/06/pagination-with-jquery-sweet-pages/#comments</comments>
		<pubDate>Thu, 06 May 2010 07:18:25 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=840</guid>
		<description><![CDATA[A jQuery plugin and a tutorial on how to paginate small sets of data on the client side using jQuery. Related posts:jQuery Offline plugin Endless Scroll jQuery plugin Sweet Justice jQuery plugin &#8211; Create beautiful justified text


Related posts:<ol><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>
<li><a href='http://webtoolkit4.me/2009/01/16/endless-scroll-jquery-plugin/' rel='bookmark' title='Permanent Link: Endless Scroll jQuery plugin'>Endless Scroll jQuery plugin</a></li>
<li><a href='http://webtoolkit4.me/2010/04/23/sweet-just-create-beautiful-justified-text-jquery-plugi/' rel='bookmark' title='Permanent Link: Sweet Justice jQuery plugin &#8211; Create beautiful justified text'>Sweet Justice jQuery plugin &#8211; Create beautiful justified text</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%2F06%2Fpagination-with-jquery-sweet-pages%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F05%2F06%2Fpagination-with-jquery-sweet-pages%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://webtoolkit4.me/wp-content/uploads/2010/05/879.png"><img class="alignnone size-full wp-image-841" title="879" src="http://webtoolkit4.me/wp-content/uploads/2010/05/879.png" alt="" width="580" height="318" /></a></p>
<p>A jQuery plugin and a tutorial on how to paginate small sets of data on the client side using jQuery.</p>


<p>Related posts:<ol><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>
<li><a href='http://webtoolkit4.me/2009/01/16/endless-scroll-jquery-plugin/' rel='bookmark' title='Permanent Link: Endless Scroll jQuery plugin'>Endless Scroll jQuery plugin</a></li>
<li><a href='http://webtoolkit4.me/2010/04/23/sweet-just-create-beautiful-justified-text-jquery-plugi/' rel='bookmark' title='Permanent Link: Sweet Justice jQuery plugin &#8211; Create beautiful justified text'>Sweet Justice jQuery plugin &#8211; Create beautiful justified text</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/05/06/pagination-with-jquery-sweet-pages/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS and jQuery tutorial: Inline Modal Window</title>
		<link>http://webtoolkit4.me/2010/04/26/css-and-jquery-tutorial-inline-modal-window/</link>
		<comments>http://webtoolkit4.me/2010/04/26/css-and-jquery-tutorial-inline-modal-window/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 15:45:39 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Frontend]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=831</guid>
		<description><![CDATA[As the author of this tutorial says, and i totally agree with him, there are times that out of the box solutions for modal windows are not working as they should. Especially when you have to combine scripts things can get really messy. So over at sohtanaka.com you can find a really good tutorial on [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2010/04/16/jquery-popeye-2-0-an-inline-lightbox-alternative/' rel='bookmark' title='Permanent Link: jQuery.popeye 2.0 &#8211; an inline lightbox alternative'>jQuery.popeye 2.0 &#8211; an inline lightbox alternative</a></li>
<li><a href='http://webtoolkit4.me/2009/04/22/fancy-thumbnail-hover-effect-w-jquery/' rel='bookmark' title='Permanent Link: Fancy Thumbnail Hover Effect w/ jQuery'>Fancy Thumbnail Hover Effect w/ jQuery</a></li>
<li><a href='http://webtoolkit4.me/2008/12/11/animated-drop-down-menu-with-jquery-tutorial/' rel='bookmark' title='Permanent Link: Animated Drop Down Menu with jQuery Tutorial'>Animated Drop Down Menu with jQuery Tutorial</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%2F04%2F26%2Fcss-and-jquery-tutorial-inline-modal-window%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F04%2F26%2Fcss-and-jquery-tutorial-inline-modal-window%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-full wp-image-832" title="inlinemodal" src="http://webtoolkit4.me/wp-content/uploads/2010/04/inlinemodal.png" alt="" width="580" height="300" /></p>
<p>As the author of this tutorial says, and i totally agree with him, there are times that out of the box solutions for modal windows are not working as they should. Especially when you have to combine scripts things can get really messy. So over at <a href="http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/">sohtanaka.com</a> you can find a really good tutorial on how to create your own inline modal windows with css and jquery.</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2010/04/16/jquery-popeye-2-0-an-inline-lightbox-alternative/' rel='bookmark' title='Permanent Link: jQuery.popeye 2.0 &#8211; an inline lightbox alternative'>jQuery.popeye 2.0 &#8211; an inline lightbox alternative</a></li>
<li><a href='http://webtoolkit4.me/2009/04/22/fancy-thumbnail-hover-effect-w-jquery/' rel='bookmark' title='Permanent Link: Fancy Thumbnail Hover Effect w/ jQuery'>Fancy Thumbnail Hover Effect w/ jQuery</a></li>
<li><a href='http://webtoolkit4.me/2008/12/11/animated-drop-down-menu-with-jquery-tutorial/' rel='bookmark' title='Permanent Link: Animated Drop Down Menu with jQuery Tutorial'>Animated Drop Down Menu with jQuery Tutorial</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/04/26/css-and-jquery-tutorial-inline-modal-window/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Micro Image Gallery: A jQuery Plugin</title>
		<link>http://webtoolkit4.me/2010/04/25/micro-image-gallery-a-jquery-plugin/</link>
		<comments>http://webtoolkit4.me/2010/04/25/micro-image-gallery-a-jquery-plugin/#comments</comments>
		<pubDate>Sun, 25 Apr 2010 10:02:26 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=826</guid>
		<description><![CDATA[Micro image gallery is a jQuery plugin that will transform a set of images on your website into a miniature gallery. There&#8217;s an option to  have previous / next buttons, a grid view and  the size of the gallery can be adjusted (102, 162, 202 px). Related posts:AD Gallery, gallery plugin for jQuery jQuery plugin: [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2009/08/04/ad-gallery-gallery-plugin-for-jquery/' rel='bookmark' title='Permanent Link: AD Gallery, gallery plugin for jQuery'>AD Gallery, gallery plugin for jQuery</a></li>
<li><a href='http://webtoolkit4.me/2008/11/22/jquery-plugin-magic-preview/' rel='bookmark' title='Permanent Link: jQuery plugin: Magic Preview'>jQuery plugin: Magic Preview</a></li>
<li><a href='http://webtoolkit4.me/2009/01/16/endless-scroll-jquery-plugin/' rel='bookmark' title='Permanent Link: Endless Scroll jQuery plugin'>Endless Scroll 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%2F2010%2F04%2F25%2Fmicro-image-gallery-a-jquery-plugin%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F04%2F25%2Fmicro-image-gallery-a-jquery-plugin%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-full wp-image-827" title="micro" src="http://webtoolkit4.me/wp-content/uploads/2010/04/micro.jpg" alt="" width="580" height="210" /></p>
<p>Micro image gallery is a jQuery plugin that will transform a set of images on your website into a miniature gallery. There&#8217;s an option to  have previous / next buttons, a grid view and  the size of the gallery can be adjusted (102, 162, 202 px).</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2009/08/04/ad-gallery-gallery-plugin-for-jquery/' rel='bookmark' title='Permanent Link: AD Gallery, gallery plugin for jQuery'>AD Gallery, gallery plugin for jQuery</a></li>
<li><a href='http://webtoolkit4.me/2008/11/22/jquery-plugin-magic-preview/' rel='bookmark' title='Permanent Link: jQuery plugin: Magic Preview'>jQuery plugin: Magic Preview</a></li>
<li><a href='http://webtoolkit4.me/2009/01/16/endless-scroll-jquery-plugin/' rel='bookmark' title='Permanent Link: Endless Scroll jQuery plugin'>Endless Scroll jQuery plugin</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/04/25/micro-image-gallery-a-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sweet Justice jQuery plugin &#8211; Create beautiful justified text</title>
		<link>http://webtoolkit4.me/2010/04/23/sweet-just-create-beautiful-justified-text-jquery-plugi/</link>
		<comments>http://webtoolkit4.me/2010/04/23/sweet-just-create-beautiful-justified-text-jquery-plugi/#comments</comments>
		<pubDate>Fri, 23 Apr 2010 06:00:16 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=821</guid>
		<description><![CDATA[Sweet Justice is a jQuery plugin that will take a piece of text and turn it into justified text. It will also insert a soft hyphen if needed. It works with both jQuery and YUI3. If you take a look at the code of this really small plugin (almost 5k) you will see that the [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2009/07/21/anythingzoomer-jquery-plugin/' rel='bookmark' title='Permanent Link: AnythingZoomer jQuery Plugin'>AnythingZoomer jQuery Plugin</a></li>
<li><a href='http://webtoolkit4.me/2009/01/27/jquery-plugin-imgpreview/' rel='bookmark' title='Permanent Link: jQuery Plugin imgPreview'>jQuery Plugin imgPreview</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%2F04%2F23%2Fsweet-just-create-beautiful-justified-text-jquery-plugi%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F04%2F23%2Fsweet-just-create-beautiful-justified-text-jquery-plugi%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://carlos.bueno.org/2010/04/sweet-justice.html"><img class="alignnone size-full wp-image-822" title="sweetjustice" src="http://webtoolkit4.me/wp-content/uploads/2010/04/sweetjustice.jpg" alt="" width="580" height="180" /></a></p>
<p>Sweet Justice is a jQuery plugin that will take a piece of text and turn it into justified text. It will also insert a soft hyphen if needed. It works with both jQuery and YUI3. If you take a look at the code of this really small plugin (almost 5k) you will see that the author have some conditionals in place. It won&#8217;t touch text inside code, pre and abbr tags. There&#8217;s also a minimum characters check set on 6 characters. Great little thingy.</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2009/07/21/anythingzoomer-jquery-plugin/' rel='bookmark' title='Permanent Link: AnythingZoomer jQuery Plugin'>AnythingZoomer jQuery Plugin</a></li>
<li><a href='http://webtoolkit4.me/2009/01/27/jquery-plugin-imgpreview/' rel='bookmark' title='Permanent Link: jQuery Plugin imgPreview'>jQuery Plugin imgPreview</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/04/23/sweet-just-create-beautiful-justified-text-jquery-plugi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MooGStreet &#8211; A Mootools and Google Street View API plugin</title>
		<link>http://webtoolkit4.me/2010/04/20/moogstreet-mootools-google-street-view-api-plugi/</link>
		<comments>http://webtoolkit4.me/2010/04/20/moogstreet-mootools-google-street-view-api-plugi/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 08:08:41 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=792</guid>
		<description><![CDATA[If you are a Mootools fan and your are looking for an easy way to integrate Google street views in your pages, with MoogStreet is a matter of writing 1 line of code. Related posts:Google Maps jQuery Plugin Moogenda: a calendar mootools agenda XY-field: 2-dimensional slider for MooTools


Related posts:<ol><li><a href='http://webtoolkit4.me/2010/01/07/google-maps-jquery-plugin/' rel='bookmark' title='Permanent Link: Google Maps jQuery Plugin'>Google Maps jQuery Plugin</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/01/18/xy-field-2-dimensional-slider-for-mootools/' rel='bookmark' title='Permanent Link: XY-field: 2-dimensional slider for MooTools'>XY-field: 2-dimensional slider for MooTools</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%2F04%2F20%2Fmoogstreet-mootools-google-street-view-api-plugi%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F04%2F20%2Fmoogstreet-mootools-google-street-view-api-plugi%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://moog.moonkiki.com/MooG/plugin/MooGStreet/Source/moogStreetDemo.html"><img class="alignnone size-full wp-image-793" title="moog" src="http://webtoolkit4.me/wp-content/uploads/2010/04/moog.jpg" alt="" width="580" height="200" /></a></p>
<p>If you are a Mootools fan and your are looking for an easy way to integrate Google street views in your pages, with MoogStreet is a matter of writing 1 line of code.</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2010/01/07/google-maps-jquery-plugin/' rel='bookmark' title='Permanent Link: Google Maps jQuery Plugin'>Google Maps jQuery Plugin</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/01/18/xy-field-2-dimensional-slider-for-mootools/' rel='bookmark' title='Permanent Link: XY-field: 2-dimensional slider for MooTools'>XY-field: 2-dimensional slider for MooTools</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/04/20/moogstreet-mootools-google-street-view-api-plugi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery &#8220;Feature Carousel&#8221; plug-in</title>
		<link>http://webtoolkit4.me/2010/04/19/jquery-feature-carousel-plug-in/</link>
		<comments>http://webtoolkit4.me/2010/04/19/jquery-feature-carousel-plug-in/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 15:01:34 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=789</guid>
		<description><![CDATA[Originally created to display featured stories on the homepage, jQuery &#8220;Feature Carousel&#8221; is now available as a jQuery plugin. While it will display the main image at the front and 2 other images at the back,  it supports more than 3 images to be rotated in a really smooth way. A long set of options [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2009/12/13/jquery-plugin-feature-list/' rel='bookmark' title='Permanent Link: jQuery Plugin: Feature List'>jQuery Plugin: Feature List</a></li>
<li><a href='http://webtoolkit4.me/2009/01/16/endless-scroll-jquery-plugin/' rel='bookmark' title='Permanent Link: Endless Scroll jQuery plugin'>Endless Scroll jQuery plugin</a></li>
<li><a href='http://webtoolkit4.me/2009/08/04/ad-gallery-gallery-plugin-for-jquery/' rel='bookmark' title='Permanent Link: AD Gallery, gallery plugin for jQuery'>AD Gallery, gallery plugin for jQuery</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%2F04%2F19%2Fjquery-feature-carousel-plug-in%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F04%2F19%2Fjquery-feature-carousel-plug-in%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.bkosborne.com/featureCarousel.php"><img class="alignnone size-full wp-image-788" title="jqfeatured" src="http://webtoolkit4.me/wp-content/uploads/2010/04/jqfeatured.jpg" alt="" width="580" height="200" /></a></p>
<p>Originally created to display featured stories on the homepage, jQuery &#8220;Feature Carousel&#8221; is now available as a jQuery plugin. While it will display the main image at the front and 2 other images at the back,  it supports more than 3 images to be rotated in a really smooth way. A long set of options are available for further customization.</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2009/12/13/jquery-plugin-feature-list/' rel='bookmark' title='Permanent Link: jQuery Plugin: Feature List'>jQuery Plugin: Feature List</a></li>
<li><a href='http://webtoolkit4.me/2009/01/16/endless-scroll-jquery-plugin/' rel='bookmark' title='Permanent Link: Endless Scroll jQuery plugin'>Endless Scroll jQuery plugin</a></li>
<li><a href='http://webtoolkit4.me/2009/08/04/ad-gallery-gallery-plugin-for-jquery/' rel='bookmark' title='Permanent Link: AD Gallery, gallery plugin for jQuery'>AD Gallery, gallery plugin for jQuery</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/04/19/jquery-feature-carousel-plug-in/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery.popeye 2.0 &#8211; an inline lightbox alternative</title>
		<link>http://webtoolkit4.me/2010/04/16/jquery-popeye-2-0-an-inline-lightbox-alternative/</link>
		<comments>http://webtoolkit4.me/2010/04/16/jquery-popeye-2-0-an-inline-lightbox-alternative/#comments</comments>
		<pubDate>Fri, 16 Apr 2010 08:20:05 +0000</pubDate>
		<dc:creator>Gerasimos</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://webtoolkit4.me/?p=749</guid>
		<description><![CDATA[jQuery popeye isn&#8217;t new. A new version (2.0) is available though. For those not familiar with the script, jQuery popeye is an inline lightbox alternative. Version 2.0 features the ability to place html in the photos&#8217; captions and have a custom html structure. As the author states, a series of bugs were fixed too. Related [...]


Related posts:<ol><li><a href='http://webtoolkit4.me/2010/04/26/css-and-jquery-tutorial-inline-modal-window/' rel='bookmark' title='Permanent Link: CSS and jQuery tutorial: Inline Modal Window'>CSS and jQuery tutorial: Inline Modal Window</a></li>
<li><a href='http://webtoolkit4.me/2010/03/10/jqapi-alternative-jquery-documentation/' rel='bookmark' title='Permanent Link: jQAPI &#8211; Alternative jQuery Documentation'>jQAPI &#8211; Alternative jQuery Documentation</a></li>
<li><a href='http://webtoolkit4.me/2008/11/25/jquery-plugin-virtual-pagination-20/' rel='bookmark' title='Permanent Link: jQuery plugin: Virtual Pagination 2.0'>jQuery plugin: Virtual Pagination 2.0</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%2F04%2F16%2Fjquery-popeye-2-0-an-inline-lightbox-alternative%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtoolkit4.me%2F2010%2F04%2F16%2Fjquery-popeye-2-0-an-inline-lightbox-alternative%2F&amp;source=tsiger&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://dev.herr-schuessler.de/jquery/popeye/"><img class="alignnone size-full wp-image-750" title="popeye2" src="http://webtoolkit4.me/wp-content/uploads/2010/04/popeye2.jpg" alt="" width="580" height="200" /></a></p>
<p>jQuery popeye isn&#8217;t new. A new version (2.0) is available though. For those not familiar with the script, jQuery popeye is an inline lightbox alternative. Version 2.0 features the ability to place html in the photos&#8217; captions and have a custom html structure. As the author states, a series of bugs were fixed too.</p>


<p>Related posts:<ol><li><a href='http://webtoolkit4.me/2010/04/26/css-and-jquery-tutorial-inline-modal-window/' rel='bookmark' title='Permanent Link: CSS and jQuery tutorial: Inline Modal Window'>CSS and jQuery tutorial: Inline Modal Window</a></li>
<li><a href='http://webtoolkit4.me/2010/03/10/jqapi-alternative-jquery-documentation/' rel='bookmark' title='Permanent Link: jQAPI &#8211; Alternative jQuery Documentation'>jQAPI &#8211; Alternative jQuery Documentation</a></li>
<li><a href='http://webtoolkit4.me/2008/11/25/jquery-plugin-virtual-pagination-20/' rel='bookmark' title='Permanent Link: jQuery plugin: Virtual Pagination 2.0'>jQuery plugin: Virtual Pagination 2.0</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtoolkit4.me/2010/04/16/jquery-popeye-2-0-an-inline-lightbox-alternative/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
