<?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>Web Argument &#187; javascript</title>
	<atom:link href="http://web-argument.com/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://web-argument.com</link>
	<description>tutorials, tools and tips</description>
	<lastBuildDate>Sun, 14 Feb 2010 01:55:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Jquery &#8211; A twelve years old boy lesson</title>
		<link>http://web-argument.com/jquery-a-twelve-years-old-boy-lesson/</link>
		<comments>http://web-argument.com/jquery-a-twelve-years-old-boy-lesson/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 01:25:12 +0000</pubDate>
		<dc:creator>Alain</dc:creator>
				<category><![CDATA[Videos]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[lesson]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://web-argument.com/?p=294</guid>
		<description><![CDATA[Dmitri Gaskin a twelve years old, Drupal guru, explains why Jquery stands out among its competitors.
He explores the basics of the javascript library, how to use it and how building plugins.

]]></description>
			<content:encoded><![CDATA[<p>Dmitri Gaskin a twelve years old, Drupal guru, explains why Jquery stands out among its competitors.<br />
He explores the basics of the javascript library, how to use it and how building plugins.</p>
<p style="text-align: center;"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/8mwKq7_JlS8&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8mwKq7_JlS8&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://web-argument.com/jquery-a-twelve-years-old-boy-lesson/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<enclosure url='http://web-argument.com/wp-content/uploads/2009/07/jquery-150x150.jpg' length ='8535'  type='image/jpg' />	</item>
		<item>
		<title>Flexible Lightbox</title>
		<link>http://web-argument.com/flexible-lightbox/</link>
		<comments>http://web-argument.com/flexible-lightbox/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 20:22:25 +0000</pubDate>
		<dc:creator>Alain</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://web-argument.com/?p=168</guid>
		<description><![CDATA[Wordpress has a simple way to handle images on your blogs: you can upload, organize and insert images on your post with just 2 or 3 clicks. The application also creates thumbnails and medium sizes images automatically and allows you to insert them as a simple gallery into your posts and pages.
Integrate into your front-end [...]]]></description>
			<content:encoded><![CDATA[<p>Wordpress has a simple way to handle images on your blogs: you can upload, organize and insert images on your post with just 2 or 3 clicks. The application also creates thumbnails and medium sizes images automatically and allows you to insert them as a simple gallery into your posts and pages.</p>
<p>Integrate into your front-end nice javascript effects like <a href="http://jquery.com/demo/thickbox/" target="_blank">Thickbox</a>, <a href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank">Lightbox</a>, <a href="http://www.digitalia.be/software/slimbox2" target="_blank">Slimbox</a> , <a href="http://reghellin.com/milkbox/" target="_blank">Milkbox</a>, <a href="http://www.nickstakenburg.com/projects/lightview/" target="_blank">Lightview</a> is a plus, but would be better if you don&#8217;t need to touch the html code for it. That&#8217;s why the CMS technology exists.</p>
<p>After developing the plugin <a href="http://web-argument.com/wp-thickbox-integration/">Wp ThickBox Integration</a>,  I decided to extend this features to &#8220;Lightbox&#8221; a cool jquery plugin to overlay images on the current page. In this case you can decide in the  admin &#8220;images setting panel&#8221; if you want to &#8220;Open your images using Lightbox&#8221;.</p>
<p><strong>Single Image Example</strong></p>
<p><a class="lightbox" title="Milan" href="http://web-argument.com/wp-content/uploads/2009/02/milan-199.jpg"><img class="aligncenter size-medium wp-image-193" title="Milan" src="http://web-argument.com/wp-content/uploads/2009/02/milan-199-300x225.jpg" alt="" width="300" height="225" /></a><br />
<span id="more-168"></span><br />
<strong>Installation </strong></p>
<p>1. Upload ‘flexible lightbox’ folder to the &#8216;/wp-content/plugins/&#8217; directory<br />
2. Activate the plugin through the &#8216;Plugins&#8217; menu in WordPress.<br />
3. And that&#8217;s it.</p>
<p><strong>Screenshots </strong></p>
<p>In this case I&#8217;m using the native gallery tag  &#8220;gallery columns=2&#8243; with the default styles.</p>

<a href='http://web-argument.com/flexible-lightbox/milan-1/' title='milan-1'><img width="150" height="150" src="http://web-argument.com/wp-content/uploads/2009/03/milan-1-150x150.jpg" class="attachment-thumbnail" alt="" title="milan-1" /></a>
<a href='http://web-argument.com/flexible-lightbox/milan-199/' title='Milan'><img width="150" height="150" src="http://web-argument.com/wp-content/uploads/2009/02/milan-199-150x150.jpg" class="attachment-thumbnail" alt="" title="Milan" /></a>
<a href='http://web-argument.com/flexible-lightbox/addmedia/' title='Add Media Button'><img width="150" height="150" src="http://web-argument.com/wp-content/uploads/2009/02/addmedia-150x150.jpg" class="attachment-thumbnail" alt="" title="Add Media Button" /></a>
<a href='http://web-argument.com/flexible-lightbox/show/' title='Show'><img width="150" height="150" src="http://web-argument.com/wp-content/uploads/2009/02/show-150x150.jpg" class="attachment-thumbnail" alt="" title="Show" /></a>
<a href='http://web-argument.com/flexible-lightbox/using/' title='Open using LightBox'><img width="150" height="150" src="http://web-argument.com/wp-content/uploads/2009/02/using-150x150.jpg" class="attachment-thumbnail" alt="" title="Open using LightBox" /></a>
<a href='http://web-argument.com/flexible-lightbox/tag/' title='HTML'><img width="150" height="150" src="http://web-argument.com/wp-content/uploads/2009/02/tag-150x150.jpg" class="attachment-thumbnail" alt="" title="HTML" /></a>

<p><strong>Download</strong></p>
<p><a href="http://wordpress.org/extend/plugins/flexible-lightbox/" target="_blank">Flexible Lightbox Plugin<br />
</a></p>
<p><strong>DO NOT</strong> make a Donation:</p>
<p>- If you don&#8217;t find this plugin useful,<br />
- If you don&#8217;t believe in the Open Source Philosophy,<br />
- If you don&#8217;t want to make your day different,</p>
<p>Otherwise, consider to share a small amount, one dollar could be ok <img src='http://web-argument.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<input name="cmd" type="hidden" value="_s-xclick" />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input name="cmd" type="hidden" value="_s-xclick" />
<input name="encrypted" type="hidden" value="-----BEGIN PKCS7-----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-----END PKCS7-----" />
<input alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" type="image" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" /><br />
</form>
<p>Thanks!</p>
]]></content:encoded>
			<wfw:commentRss>http://web-argument.com/flexible-lightbox/feed/</wfw:commentRss>
		<slash:comments>138</slash:comments>
	<enclosure url='http://web-argument.com/wp-content/uploads/2009/02/addmedia-150x150.jpg' length ='8444'  type='image/jpg' />	</item>
	</channel>
</rss>
