<?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>52WebDesign.com &#187; Coding</title>
	<atom:link href="http://www.52webdesign.com/category/coding/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.52webdesign.com</link>
	<description>Learn Web Design With Us</description>
	<lastBuildDate>Wed, 14 Dec 2011 19:29:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>10 Best free code editor for Windows</title>
		<link>http://www.52webdesign.com/tools/10-best-free-code-editor-for-windows/</link>
		<comments>http://www.52webdesign.com/tools/10-best-free-code-editor-for-windows/#comments</comments>
		<pubDate>Wed, 27 Apr 2011 19:03:58 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[editor]]></category>

		<guid isPermaLink="false">http://www.52webdesign.com/?p=532</guid>
		<description><![CDATA[An code editor is a text editor similar like notepad, but more advanced and have many good features. It makes the editing of codes like HTML, CSS, PHP etc. much simpler. Code editor display code syntax in a separate color [..]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.52webdesign.com/wp-content/uploads/2011/04/code-editor.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/code-editor.png" alt="" title="code-editor" width="256" height="256" class="aligncenter size-full wp-image-533" /></a>An code editor is a text editor similar like notepad, but more advanced and have many good features. It makes the editing of codes like HTML, CSS, PHP etc. much simpler. Code editor display code syntax in a separate color to make coding / editing work lots easier.<br />
<span id="more-532"></span></p>
<p>Below I have listed few very good and free code editor that support Windows platform (XP / Vista / Windows 7).</p>
<ul>
<li><strong><a href="http://notepad-plus-plus.org/" rel="nofollow" target="_blank">Notepad ++</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/notepadpluplus.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/notepadpluplus.png" alt="" title="notepadpluplus" width="187" height="138" class="alignleft size-full wp-image-534" /></a> Notepad++ is a free (as in &#8220;free speech&#8221; and also as in &#8220;free beer&#8221;) source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.<br />
<a href="http://notepad-plus-plus.org/download" rel="nofollow" target="_blank">Download</a></p>
<div class="clear"></div>
<li><strong><a href="http://www.activestate.com/komodo-edit" rel="nofollow" target="_blank">Komodo Edit</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/komodo_edit.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/komodo_edit.png" alt="" title="komodo_edit" width="550" height="210" class="alignnone size-full wp-image-539" /></a><br />
Komodo Edit is a fast, smart, free and open-source code editor. Switching your trusty code editor is hard, but give Komodo Edit (or its big brother Komodo IDE) a try: it&#8217;ll be worth your while.<br />
<a href="http://www.activestate.com/komodo-edit/downloads" rel="nofollow" target="_blank">Download</a>
</li>
<li><strong><a href="http://www.chami.com/html-kit/" rel="nofollow" target="_blank">HTML-Kit</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/html-kit.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/html-kit.jpg" alt="" title="html-kit" width="420" height="280" class="alignnone size-full wp-image-540" /></a><br />
The best of the Web starts with a HTML page. HTML-Kit Tools provides tools for creating great web pages and scripts, but also stays out of your way so that you have full control over your code.<br />
<a href="http://www.chami.com/html-kit/download/" rel="nofollow" target="_blank">Download</a>
</li>
<li><strong><a href="http://scriptly.webocton.de/9/34/start/englishpage.html" rel="nofollow" target="_blank">scriptly</a></strong><br />
Webocton &#8211; Scriptly is an extensive freeware code editor for Windows for writing HTML and programming with PHP.<br />
In addition to the comprehensive search and replace facility, the program features syntax highlighting for several script languages and file types. Code snippets and complex tables can be added quickly and easily.<br />
<a href="http://scriptly.webocton.de/9/34/start/englishpage.html" rel="nofollow" target="_blank">Download</a>
</li>
<li><strong><a href="http://www.migajek.com/?c=hateml" rel="nofollow" target="_blank">HateML</a></strong><br />
HateML Pro is freeware product and a powerful PHP IDE with support for XHTML and CSS for both professional and novice users alike. Designed to help accelerate the process of editing,debugging web applications, php scripts and simple XHTML sites as well.<br />
<a href="http://www.migajek.com/?c=hateml/download" rel="nofollow" target="_blank">Download</a>
</li>
<li><strong><a href="http://www.pspad.com/" rel="nofollow" target="_blank">PSPad</a></strong><br />
PSPad is a freeware programmer&#8217;s editor for Microsoft Windows operating systems. work with plain text &#8211; the editor has a wealth of formatting functions, including a spell checker. PSPad is ready to work immediately without requiring customization. The editor supports many file types and languages, with syntax highlighting. There are macros, clip files and templates to automate repetative tasks. Integrated HEX Editor, Project support, FTP Client, Macro Recorder, File Search/Replace, Code Explorer, Code page conversion&#8230; these are just some of the many features that PSPad offers.<br />
<a href="http://www.pspad.com/en/download.php" rel="nofollow" target="_blank">Download</a>
</li>
<li><strong><a href="http://sourceforge.net/projects/caditor/" rel="nofollow" target="_blank">Caditor</a></strong><br />
Caditor is a portable tabbed text editor featuring encryption, syntax highlighting, autocomplete, line numbering and a functional plugin system.<br />
<a href="http://sourceforge.net/projects/caditor/" rel="nofollow" target="_blank">Download</a>
</li>
<li><strong><a href="http://www.gnu.org/software/emacs/" rel="nofollow" target="_blank">GNU Emacs</a></strong><br />
GNU Emacs is an extensible, customizable text editor. It support Content-sensitive editing modes, including syntax coloring, for a variety of file types including plain text, source code, and HTML. Highly customizable, using Emacs Lisp code or a graphical interface.<br />
<a href="http://ftp.gnu.org/pub/gnu/emacs/" rel="nofollow" target="_blank">Download</a>
</li>
<li><strong><a href="http://www.crimsoneditor.com/" rel="nofollow" target="_blank">Crimson Editor</a></strong><br />
Crimson Editor is a professional source code editor for Windows. While it can serve as a good replacement for Notepad, it also offers many powerful features for programming languages such as HTML, C/C++, Perl and Java.<br />
<a href="http://www.crimsoneditor.com/english/download.html" rel="nofollow" target="_blank">Download</a>
</li>
<li><strong><a href="http://www.contexteditor.org/" rel="nofollow" target="_blank">ConTEXT</a></strong><br />
ConTEXT is a small, fast and powerful freeware text editor, developed to serve as a secondary tool for software developers.<br />
<a href="http://www.contexteditor.org/downloads/" rel="nofollow" target="_blank">Download</a>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.52webdesign.com/tools/10-best-free-code-editor-for-windows/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>10 amazing jQuery Tabs</title>
		<link>http://www.52webdesign.com/coding/10-amazing-jquery-tabs/</link>
		<comments>http://www.52webdesign.com/coding/10-amazing-jquery-tabs/#comments</comments>
		<pubDate>Sat, 16 Apr 2011 13:06:16 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.52webdesign.com/?p=464</guid>
		<description><![CDATA[JQuery tab let you display multiple content in same region in a fancy style. Below is some amazing jQuery tabs which you can use in your web design. Simple Tabs w/ CSS &#038; jQuery Demo &#124;&#124; Download Building a Better [..]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery.png" alt="" title="jquery" width="268" height="268" class="aligncenter size-full wp-image-417" /></a> JQuery tab let you display multiple content in same region in a fancy style. Below is some amazing jQuery tabs which you can use in your web design.<br />
<span id="more-464"></span><br />
<strong><a href="http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/" rel="nofollow" target="_blank">Simple Tabs w/ CSS &#038; jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/demoview.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/demoview.jpg" alt="" title="demoview" width="575" height="200" class="alignnone size-full wp-image-465" /></a><br />
<a href="http://www.sohtanaka.com/web-design/examples/tabs/" rel="nofollow" target="_blank">Demo</a> || <a href="http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/" rel="nofollow" target="_blank">Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/step7-fixedforIE.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/step7-fixedforIE.png" alt="" title="step7-fixedforIE" width="260" height="400" class="alignnone size-full wp-image-466" /></a><br />
<a href="http://d2o0t5hpnwv4c1.cloudfront.net/036_BetterBlogRoll/sourceFiles/index.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://d2o0t5hpnwv4c1.cloudfront.net/036_BetterBlogRoll/sourceFiles.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://css-tricks.com/organic-tabs/" rel="nofollow" target="_blank">Organic Tabs</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/organictabs.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/organictabs.jpg" alt="" title="organictabs" width="570" height="250" class="alignnone size-full wp-image-467" /></a><br />
<a href="http://css-tricks.com/examples/OrganicTabs/" rel="nofollow" target="_blank">Demo</a> || <a href="http://css-tricks.com/examples/OrganicTabs.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/" rel="nofollow" target="_blank">Sweet AJAX Tabs</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/sweet-ajax-tabs.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/sweet-ajax-tabs.png" alt="" title="sweet-ajax-tabs" width="620" height="460" class="alignnone size-full wp-image-468" /></a><br />
<a href="http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/" rel="nofollow" target="_blank">Create a Slick Tabbed Content Area using CSS &#038; jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/1.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/1.jpg" alt="" title="1" width="313" height="381" class="alignnone size-full wp-image-469" /></a><br />
<a href="http://d2o0t5hpnwv4c1.cloudfront.net/001_Tabbed/site/jQuery.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://net.tutsplus.com/tutorials/javascript-ajax/create-a-tabbed-interface-using-jquery/" rel="nofollow" target="_blank">Create A Tabbed Interface Using jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/vanilla.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/vanilla.jpg" alt="" title="vanilla" width="321" height="261" class="alignnone size-full wp-image-470" /></a><br />
<a href="http://d2o0t5hpnwv4c1.cloudfront.net/042_jQueryUITabs/demo/index.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://d2o0t5hpnwv4c1.cloudfront.net/042_jQueryUITabs/source.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://www.sunsean.com/idTabs/" rel="nofollow" target="_blank">jQuery idTabs</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/idtabs.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/idtabs.jpg" alt="" title="idtabs" width="550" height="139" class="alignnone size-full wp-image-471" /></a><br />
<a href="http://www.sunsean.com/idTabs/#usual" rel="nofollow" target="_blank">Demo</a> || <a href="http://www.sunsean.com/idTabs/jquery.idTabs.min.js" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial" rel="nofollow" target="_blank">jQuery Tabbed Interface / Tabbed Structure Menu</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/tabbed-menu.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/tabbed-menu.png" alt="" title="tabbed-menu" width="228" height="302" class="alignnone size-full wp-image-472" /></a><br />
<a href="http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://www.queness.com/resources/archives/jquery-tab-menu.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://webdeveloperplus.com/jquery/create-flipping-content-tabs-using-jquery/" rel="nofollow" target="_blank">Flipping Content Tabs Using jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/flipping-content-tabs.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/flipping-content-tabs.jpg" alt="" title="flipping-content-tabs" width="357" height="313" class="alignnone size-full wp-image-473" /></a><br />
<a href="http://demo.webdeveloperplus.com/flipping-tabs/" rel="nofollow" target="_blank">Demo</a> || <a href="http://demo.webdeveloperplus.com/source-code/flipping-tabs.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://www.ilovecolors.com.ar/jquery-tabs/" rel="nofollow" target="_blank">jQuery Tabs made easy</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery-tab-made.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery-tab-made.png" alt="" title="jquery-tab-made" width="318" height="282" class="alignnone size-full wp-image-474" /></a><br />
<a href="http://www.ilovecolors.com.ar/wp-content/uploads/jquery-tabs/" rel="nofollow" target="_blank">Demo</a> || <a href="http://www.ilovecolors.com.ar/jquery-tabs/" rel="nofollow" target="_blank">Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.52webdesign.com/coding/10-amazing-jquery-tabs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>9 cool free jQuery caption slider</title>
		<link>http://www.52webdesign.com/coding/9-cool-free-jquery-caption-slider/</link>
		<comments>http://www.52webdesign.com/coding/9-cool-free-jquery-caption-slider/#comments</comments>
		<pubDate>Fri, 15 Apr 2011 08:50:48 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.52webdesign.com/?p=442</guid>
		<description><![CDATA[Caption is used to provide some description/ details of an image. It generally appears below the image. With jQuery you can style this caption. Below I have listed nine attractive free jQuery caption slider. Create a Thumbnail with Fading Caption [..]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery.png" alt="" title="jquery" width="268" height="268" class="aligncenter size-full wp-image-417" /></a>Caption is used to provide some description/ details of an image. It generally appears below the image. With jQuery you can style this caption. Below I have listed nine attractive free jQuery caption slider.<br />
<span id="more-442"></span><br />
<strong><a href="http://www.queness.com/post/844/create-a-thumbnail-with-fading-caption-using-jquery" rel="nofollow" target="_blank">Create a Thumbnail with Fading Caption Using jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/Fading-Caption.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/Fading-Caption.jpg" alt="" title="Fading Caption" width="411" height="279" class="alignnone size-full wp-image-447" /></a><br />
<a href="http://www.queness.com/resources/html/thumbnail/index.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://www.queness.com/resources/archives/jquery-thumbnail.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://wiki.mediamilan.com/index.php/2010/05/sliding-image-caption-jquery/" rel="nofollow" target="_blank">Caption Slider: Sliding image caption on hover using JQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/caption-slider.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/caption-slider.jpg" alt="" title="caption-slider" width="550" height="173" class="alignnone size-full wp-image-459" /></a><br />
<a href="http://examples.mediamilan.com/jquery-caption-slider.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://wiki.mediamilan.com/wp-content/uploads/2010/05/jquery-sliding-captions.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/" rel="nofollow" target="_blank">Sliding Boxes and Captions with jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/slidingbox.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/slidingbox.jpg" alt="" title="slidingbox" width="600" height="160" class="alignnone size-full wp-image-461" /></a><br />
<a href="http://s3.amazonaws.com/buildinternet/live-tutorials/sliding-boxes/index.htm" rel="nofollow" target="_blank">Demo</a> || <a href="https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/slidingboxes.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://www.jcargoo.org/2009/08/overlay-text-over-image-with-very.html" rel="nofollow" target="_blank">Overlay Text over an Image with a Very Simple jQuery Snippet</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/jcargoo.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/jcargoo.jpg" alt="" title="jcargoo" width="551" height="216" class="alignnone size-full wp-image-448" /></a><br />
<a href="http://jcargoo.110mb.com/textimages/image.htm" rel="nofollow" target="_blank">Demo</a> || <a href="http://www.box.net/shared/e4pufr1678" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://www.catchmyfame.com/2009/10/23/jquery-drop-captions-plugin-released/" rel="nofollow" target="_blank">jQuery Drop Captions</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/drop-caption.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/drop-caption.jpg" alt="" title="drop-caption" width="521" height="293" class="alignnone size-full wp-image-449" /></a><br />
<a href="http://www.catchmyfame.com/jquery/dropcaptions/" rel="nofollow" target="_blank">Demo</a> || <a href="http://www.catchmyfame.com/jquery/jquery.dropcaptions.js" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://thirdroute.com/projects/captify/"  rel="nofollow" target="_blank">jquery captify</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/captify.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/captify.jpg" alt="" title="captify" width="622" height="247" class="alignnone size-full wp-image-451" /></a><br />
<a href="http://thirdroute.com/projects/captify/"  rel="nofollow" target="_blank">Demo</a> || <a href="http://plugins.jquery.com/files/captify-1.1.3.zip"  rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/"  rel="nofollow" target="_blank">jCapSlide: A jQuery Image Caption</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/capslide.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/capslide.jpg" alt="" title="capslide" width="550" height="139" class="alignnone size-full wp-image-452" /></a><br />
<a href="http://tympanus.net/jCapSlide/"  rel="nofollow" target="_blank">Demo</a> || <a href="http://tympanus.net/jCapSlide/jCapSlide.zip"  rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://web.enavu.com/tutorials/making-image-captions-using-jquery/" rel="nofollow" target="_blank">Making image captions using jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/enavu.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/enavu.jpg" alt="" title="enavu" width="426" height="273" class="alignnone size-full wp-image-456" /></a><br />
<a href="http://web.enavu.com/demos/caption/" rel="nofollow" target="_blank">Demo</a> || <a href="http://web.enavu.com/files/caption.rar" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://www.ferretarmy.com/files/jQuery/ImageOverlay/ImageOverlay.html" rel="nofollow" target="_blank">jQuery Image Overlay Plugin</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery-image-slider.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery-image-slider.jpg" alt="" title="jquery-image-slider" width="550" height="257" class="alignnone size-full wp-image-457" /></a><br />
<a href="http://www.ferretarmy.com/files/jQuery/ImageOverlay/ImageOverlay.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://code.google.com/p/jquery-imageoverlay/" rel="nofollow" target="_blank">Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.52webdesign.com/coding/9-cool-free-jquery-caption-slider/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 attractive Free jQuery Slider</title>
		<link>http://www.52webdesign.com/coding/10-attractive-free-jquery-slider/</link>
		<comments>http://www.52webdesign.com/coding/10-attractive-free-jquery-slider/#comments</comments>
		<pubDate>Thu, 14 Apr 2011 16:52:14 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.52webdesign.com/?p=416</guid>
		<description><![CDATA[You may have seen many modern site with a attractive slider in header. The slider is generally used to show featured content, top content, portfolio etc. Below I have listed top jQuery slider which can be used to make such [..]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery.png" alt="" title="jquery" width="268" height="268" class="aligncenter size-full wp-image-417" /></a><br />
You may have seen many modern site with a attractive slider in header. The slider is generally used to show featured content, top content, portfolio etc.<br />
<span id="more-416"></span><br />
Below I have listed top jQuery slider which can be used to make such attractive slider.<br />
<strong><a href="http://nivo.dev7studios.com/" rel="nofollow" target="_blank">Nivo jQuery Slider</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/nivo-slider.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/nivo-slider.jpg" alt="" title="nivo-slider" width="641" height="303" class="alignnone size-full wp-image-422" /></a><br />
<a href="http://nivo.dev7studios.com/demos/" rel="nofollow" target="_blank">Demo</a> || <a href="http://nivo.dev7studios.com/" rel="nofollow" target="_blank">Dowmload</a></p>
<p><strong><a href="http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/" rel="nofollow" target="_blank">Automatic Image Slider w/ CSS &#038; jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/autrotator.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/autrotator.jpg" alt="" title="autrotator" width="500" height="235" class="alignnone size-full wp-image-424" /></a><br />
<a href="http://www.sohtanaka.com/web-design/examples/image-slider/" rel="nofollow" target="_blank">Demo</a> || <a href="http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://landofcoder.com/our-porfolios/jquery-plugins/item/10-the-lof-jsidernews-plugin.html" rel="nofollow" target="_blank">The Lof JSiderNews Plugin</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery_lofsdn.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/jquery_lofsdn.png" alt="" title="jquery_lofsdn" width="600" height="206" class="alignnone size-full wp-image-426" /></a><br />
<a href="http://landofcoder.com/demo/jquery/lofslidernews/" rel="nofollow" target="_blank">Demo</a> || <a href="http://landofcoder.com/download.html?task=view.download&#038;cid=9" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://webdesignandsuch.com/fancymoves-jquery-product-slider/" rel="nofollow" target="_blank">FancyMoves</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/fancy1.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/fancy1.jpg" alt="" title="fancy1" width="485" height="261" class="alignnone size-full wp-image-429" /></a><br />
<a href="http://webdesignandsuch.com/posts/jquery-product-slider/jQuery-productSlider/index.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://webdesignandsuch.com/posts/jquery-product-slider/jQuery-productSlider/FancyMoves.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://www.buildinternet.com/project/supersized/" rel="nofollow" target="_blank">Supersized</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/screencap_3_1.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/screencap_3_1.jpg" alt="" title="screencap_3_1" width="555" height="317" class="alignnone size-full wp-image-430" /></a><br />
<a href="http://buildinternet.com/project/supersized/slideshow/3.1/demo.html" rel="nofollow" target="_blank">Demo</a> || <a href="https://github.com/buildinternet/supersized/zipball/master" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://workshop.rs/projects/coin-slider/" rel="nofollow" target="_blank">Coin Slider</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/cpoin.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/cpoin.jpg" alt="" title="cpoin" width="601" height="335" class="alignnone size-full wp-image-432" /></a><br />
<a href="http://workshop.rs/projects/coin-slider/" rel="nofollow" target="_blank">Demo</a> || <a href="https://code.google.com/p/coin-slider/downloads/list" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/" rel="nofollow" target="_blank">Featured Content Slider</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/css-tricks.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/css-tricks.jpg" alt="" title="css-tricks" width="481" height="390" class="alignnone size-full wp-image-434" /></a><br />
<a href="http://css-tricks.com/examples/FeaturedContentSlider/" rel="nofollow" target="_blank">Demo</a> || <a href="http://css-tricks.com/examples/FeaturedContentSlider.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/" rel="nofollow" target="_blank">Featured Content Slider Using jQuery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/featured-con.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/featured-con.jpg" alt="" title="featured-con" width="661" height="262" class="alignnone size-full wp-image-435" /></a><br />
<a href="http://demo.webdeveloperplus.com/featured-content-slider/" rel="nofollow" target="_blank">Demo</a> || <a href="http://demo.webdeveloperplus.com/source-code/featured-content-slider.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/" rel="nofollow" target="_blank">Apple-style Slideshow Gallery</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/apple-style.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/apple-style.jpg" alt="" title="apple-style" width="556" height="414" class="alignnone size-full wp-image-436" /></a><br />
<a href="http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html" rel="nofollow" target="_blank">Demo</a> || <a href="http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.zip" rel="nofollow" target="_blank">Download</a></p>
<p><strong><a href="http://jqueryglobe.com/article/feature-list" rel="nofollow" target="_blank">JQueryGlobe – JQuery Plugin</a></strong><br />
<a href="http://www.52webdesign.com/wp-content/uploads/2011/04/jQueryGlobePlugin_thumb.jpg" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/jQueryGlobePlugin_thumb.jpg" alt="" title="jQueryGlobePlugin_thumb" width="627" height="322" class="alignnone size-full wp-image-439" /></a><br />
<a href="http://jqueryglobe.com/labs/feature_list/" rel="nofollow" target="_blank">Demo</a> || <a href="http://jqueryglobe.com/labs/feature_list/jquery.featureList-1.0.0.zip" rel="nofollow" target="_blank">Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.52webdesign.com/coding/10-attractive-free-jquery-slider/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to redirect non-www to www</title>
		<link>http://www.52webdesign.com/seo/how-to-redirect-non-www-to-www/</link>
		<comments>http://www.52webdesign.com/seo/how-to-redirect-non-www-to-www/#comments</comments>
		<pubDate>Thu, 14 Apr 2011 12:27:56 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.52webdesign.com/?p=414</guid>
		<description><![CDATA[I have seen lots of people asking this question. Most webmaster want to have one type of url for their website either http://domain.com/ or http://www.domain.com If you want to have all urls as http://www.domain.com just add below code in .htaccess [..]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.52webdesign.com/wp-content/uploads/2011/04/www.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/04/www.png" alt="" title="www" width="128" height="128" class="aligncenter size-full wp-image-415" /></a><br />
I have seen lots of people asking this question. Most webmaster want to have one type of url for their website either http://domain.com/ or http://www.domain.com</p>
<p>If you want to have all urls as http://www.domain.com just add below code in .htaccess located in the root directory of your website.</p>
<pre lang="php">
RewriteEngine On
RewriteBase /
RewriteCond % ^yourdomain.com [NC]
RewriteRule ^(.*)$ http://www.yourdomain.com/$1 [L,R=301]
</pre>
<p>If you want to have all urls as http://domain.com just add below code in .htaccess located in the root directory of your website.</p>
<pre lang="php">
RewriteEngine On
RewriteBase /
RewriteCond % ^www.yourdomain.com [NC]
RewriteRule ^(.*)$ http://yourdomain.com/$1 [L,R=301]
</pre>
<p><strong>NOTE:</strong> Change yourdomain.com in above code to your site domain name like 52webdesign.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.52webdesign.com/seo/how-to-redirect-non-www-to-www/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to enable / disable directory listing</title>
		<link>http://www.52webdesign.com/coding/how-to-enable-disable-directory-listing/</link>
		<comments>http://www.52webdesign.com/coding/how-to-enable-disable-directory-listing/#comments</comments>
		<pubDate>Sat, 12 Feb 2011 03:16:43 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Coding]]></category>

		<guid isPermaLink="false">http://www.52webdesign.com/?p=326</guid>
		<description><![CDATA[This method applies on Apache / Linux servers. Directory listing will show all folder and files of any directory in a browser if that directory do not have any index.html / index.php file. You can enable disable directory listing. Simply [..]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.52webdesign.com/wp-content/uploads/2011/02/directory.png" rel="prettyPhoto[gallery2]"><img src="http://www.52webdesign.com/wp-content/uploads/2011/02/directory.png" alt="" title="directory" width="128" height="128" class="aligncenter size-full wp-image-327" /></a> This method applies on Apache / Linux servers. Directory listing will show all folder and files of any directory in a browser if that directory do not have any index.html / index.php file.</p>
<p>You can enable disable directory listing. Simply add below codes in .htaccess file. If you do not have any .htaccess file, create a blank text file and rename it to .htaccess</p>
<p><strong>Disable Directory listing</strong><br />
Copy paste below code in .htaccess file located in public_html folder of your web hosting account.</p>
<pre>
Options -Indexes
</pre>
<p><strong>Enable Directory listing</strong><br />
Copy paste below code in .htaccess file located in public_html folder of your web hosting account.</p>
<pre>
Options +Indexes
</pre>
<p><strong>Enable Directory listing in Fancy Style</strong><br />
Fancy list including icons, file size, modification date and more. Copy paste below code in .htaccess file located in public_html folder of your web hosting account.</p>
<pre>
Options +Indexes
IndexOptions +FancyIndexing
</pre>
<p>You can also use this method for any particular folder or sub-domain name like for www.domain.com/xyz or http://sub.domain.com/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.52webdesign.com/coding/how-to-enable-disable-directory-listing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to add comments in PHP and HTML code</title>
		<link>http://www.52webdesign.com/coding/how-to-add-comments-in-php-code/</link>
		<comments>http://www.52webdesign.com/coding/how-to-add-comments-in-php-code/#comments</comments>
		<pubDate>Sun, 06 Feb 2011 05:02:21 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.52webdesign.com/?p=324</guid>
		<description><![CDATA[A comment in PHP code is part of the program, its only purpose is to provide extra information. PHP supports both single-line and multi-line comment. &#60;?php // this is a single-line comment /* and this is a multi-line comment */ [..]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.52webdesign.com/wp-content/uploads/2011/02/php.png" rel="prettyPhoto[gallery2]"><img class="aligncenter size-full wp-image-280" title="php" src="http://www.52webdesign.com/wp-content/uploads/2011/02/php.png" alt="" width="256" height="256" /></a> A comment in PHP code is part of the program, its only purpose is to provide extra information. PHP supports both single-line and multi-line comment.<br />
<span id="more-324"></span></p>
<pre class="prettyprint ">
&lt;?php

// this is a single-line comment

/* and this is a
multi-line
comment */

?&gt;
</pre>
<p>Similarly to add comment in html code.</p>
<pre class="prettyprint ">
&lt;!-- This is an HTML Comment --&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.52webdesign.com/coding/how-to-add-comments-in-php-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

