<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Hot Scripts Blog</title>
	
	<link>http://www.hotscripts.com/blog</link>
	<description />
	<lastBuildDate>Thu, 17 May 2012 12:18:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/HotScriptsBlog" /><feedburner:info uri="hotscriptsblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>HotScriptsBlog</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>40+ jQuery Plugins to Spice Up your Website</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/MmekCclx6PM/</link>
		<comments>http://www.hotscripts.com/blog/jquery-plugins/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 01:13:21 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[HotLists]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2760</guid>
		<description><![CDATA[In this post, we take a look at more than 40 jQuery plugins that can spice up your website. Our list includes all kinds of plugins to help you enhance different aspects of your site, including form, navigation, media elements, and the overall user interface. <p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/jquery-plugins/">40+ jQuery Plugins to Spice Up your Website</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/hovercard-jquery-plugin-display-inline-info/' rel='bookmark' title='Hovercard &#8211; A jQuery plugin to display inline info'>Hovercard &#8211; A jQuery plugin to display inline info</a></li>
<li><a href='http://www.hotscripts.com/blog/jquery-mobile-framework-released/' rel='bookmark' title='jQuery Mobile Framework Released'>jQuery Mobile Framework Released</a></li>
<li><a href='http://www.hotscripts.com/blog/image-showcase-jquery/' rel='bookmark' title='Beyond Traditional Image Showcase with jQuery'>Beyond Traditional Image Showcase with jQuery</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>For more than five years, jQuery has been helping to shape the development of the next generation of websites. Today, jQuery is the most popular JavaScript library out there, used by over 30% of all websites on the Internet. Its abstraction and simplification for HTML DOM manipulation, event handing, animation, and AJAX interactions – all bundled into a fast and concise library – has made it the <em>de facto</em> framework for modern web development. However, its plugins are the key elements of the secret sauce that has resulted in jQuery being embraced so overwhelmingly by developers. The plugins provide additional functionality off the back of the jQuery library.</p>
<p>In this month&#8217;s featured article, we take a look at more than 40 jQuery plugins that can spice up your website. Our list includes all kinds of plugins to help you enhance different aspects of your site, including form, navigation, media elements, and the overall user interface. The list also includes plugins to simplify working with effects and animations, drag and drop, AJAX, and overlays. Don’t forget to also visit our <a href="http://www.hotscripts.com/category/scripts/javascript/javascript-frameworks/jquery-plugins/">jQuery Plugins category</a> which showcases over 200 items. </p>
<h2 id="toc-jquery-form-plugins" style="margin-bottom:15px;">jQuery Form Plugins</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://uniformjs.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/uniform.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://uniformjs.com/">Uniform</a></strong><br />Uniform is a popular jQuery plugin that applies a consistent skinning to your form elements across all browsers. It does this by masking your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://js.recurly.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/recurly.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://js.recurly.com/">Recurly.js</a></strong><br />Recurly.js is a Javascript library designed to be easily embedded and customized form elements to match your website. The library performs in-line validation, real-time total calculations, and gracefully handles errors.  </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.devbridge.com/projects/autocomplete/jquery/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/easybook.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.devbridge.com/projects/autocomplete/jquery/">Ajax AutoComplete for jQuery</a></strong><br />Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields. Built with focus on performance &#8211; results for every query are cached and pulled from local cache for the same repeating query.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://harvesthq.github.com/chosen/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/chosen.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://harvesthq.github.com/chosen/">Chosen </a></strong><br />Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/vali.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validation</a></strong><br />Validation is a plugin that makes client-side form validation trivial by offering lots of option for customization. It comes bundled with a useful set of validation methods, including URL and email validation and also includes an API to write your own methods.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://fuelyourcoding.com/scripts/infield/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/infield.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://fuelyourcoding.com/scripts/infield/">In-Field Labels</a></strong><br />In-Field Labels jQuery Plugin turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.egrappler.com/jquery-strong-password-plugin-power-pwchecker/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/password.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.egrappler.com/jquery-strong-password-plugin-power-pwchecker/">Power PWChecker</a></strong><br />Power PWChecker is simple jQuery plugin can be integrated seamlessly with any online form (sign up form/ user registration form) to check password strength and give users clues for creating strong and secure passwords.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://thecodemine.org/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/wizard.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://thecodemine.org/">Form Wizard</a></strong><br />The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps. The plugin is unobtrusive and gives the developer great freedom on how they set up the flow of the different steps in their wizards.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-jquery-typography-plugins" style="margin-bottom:15px;">jQuery Typography Plugins</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://letteringjs.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/letter.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://letteringjs.com/">Lettering.js</a></strong><br />Lettering.js brings radical web typography to your content. It does so by wrapping your text with span tags, allowing you to target CSS rules to individual letters, words or sentences.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://fittextjs.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/fit.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://fittextjs.com/">FitText</a></strong><br />FitText is a plugin that makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.unwrongest.com/projects/airport/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/airport.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.unwrongest.com/projects/airport/">Airport</a></strong><br />Airport is a rather simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.frequency-decoder.com/demo/slabText/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/slab.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.frequency-decoder.com/demo/slabText/">SlabText</a></strong><br />SlabText is a jQuery plugin for producing big, bold and responsive headline. It does so by splitting your headline into rows and assigning different font-weight to each row. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-jquery-content-presentation-plugins" style="margin-bottom:15px;">jQuery Content Presentation Plugins</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://www.jquerynewsticker.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/ticker.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.jquerynewsticker.com/">jQuery News Ticker</a></strong><br />jQuery News Ticker brings a lightweight and easy to use news ticket to your site. You can set it to load content from an RSS feed or list elements. The speed, direction of text animation and other visual effects can be easily customized. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://builtbywill.com/code/booklet/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/booklet.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://builtbywill.com/code/booklet/">Booklet </a></strong><br />Booklet is a jQuery plugin for displaying content on the Web in a flipbook layout. You can place any sort of HTML elements inside of your booklet pages. It supports manual page turning, keyboard navigation and page numbers. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.turnjs.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/turn.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.turnjs.com/">turn.js</a></strong><br />turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://webcloud.se/code/jQuery-Collapse"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/collapse.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://webcloud.se/code/jQuery-Collapse">jQuery Collapse</a></strong><br />jQuery Collapse is a lightweight plugin that enables expanding and collapsing of content blocks. It includes feature like cookie persistence whereby which it will remember what’s visible and what’s not on each visitor’s visits. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://luis-almeida.github.com/jPages/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/jpages.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://luis-almeida.github.com/jPages/">jPages </a></strong><br />jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay and completely customizable navigation panel. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://masonry.desandro.com"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/masonry.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://masonry.desandro.com">Masonry </a></strong><br />Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://srobbin.com/jquery-plugins/pageslide/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/pageslide.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://srobbin.com/jquery-plugins/pageslide/"">PageSlide</a></strong><br />PageSlide is a jQuery plugin allows you to add slide interaction to your pages. When clicked, your main viewport will slide to reveal an additional interaction pane. This is pretty handy for revealing sidebar navigation or widgets in a web application. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-alert-tooltip-and-notification-jquery-plugins" style="margin-bottom:15px;">Alert, Tooltip and Notification jQuery Plugins</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://tommcfarlin.com/slide-note"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/slidenote.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://tommcfarlin.com/slide-note">Slide Note </a></strong><br />Slide Note is a jQuery plugin that makes it easy to display sliding notifications on your site or web application. It offers flexible positioning options, support for AJAX, CSS hooks and more. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://thrivingkings.com/apprise/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/apprise.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://thrivingkings.com/apprise/">Apprise </a></strong><br />Apprise is an alert box plugin that is very simple, fast and attractive. IT gives you complete control over style, content, position and functionality. Apprise is, more or less, for the developer who wants an attractive alert or dialog box without having to download a massive UI framework.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://craigsworks.com/projects/qtip2"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/qtip2.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://craigsworks.com/projects/qtip2">qTip2 </a></strong><br />qTip2 is an advanced tooltip plugin that is user-friendly yet featured rich. It provides you with features like rounded corners, speech bubble tips and is completely free to use under the MIT license. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-jquery-video-and-audio-plugins" style="margin-bottom:15px;">jQuery Video and Audio Plugins</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://code.google.com/p/jquery-tubular"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/tubular.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://code.google.com/p/jquery-tubular">jQuery tubular</a></strong><br />jQuery tubular is a plugin that places a YouTube video of your choice into your page as a background. Usage is straightforward and requires JavaScript and the Flash player to be installed and functional on the client&#8217;s browser.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.jplayer.org"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/jplayer.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.jplayer.org">jPlayer</a></strong><br />jPlayer is a free and open source media library written on the top of jQuery. It allows you to rapidly weave cross-platform audio and video into your web pages. It is totally customizable and skinnable using HTML and CSS.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://fitvidsjs.com"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/fitvids.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://fitvidsjs.com">FitVids.JS </a></strong><br />FitVids.JS is a lightweight and easy-to-use jQuery plugin for fluid width video embeds. It is ideal for responsive web design whereby which the embedded video size will increase or decrease automatically to adjust based on the browser’s size. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.speakker.com"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/speakker.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.speakker.com">Speakker </a></strong><br />Speakker is a cross-browser audio solution featuring HTML5. It comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes.  </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://buzz.jaysalvat.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/buzz.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://buzz.jaysalvat.com/">Buzz</a></strong><br />Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It degrades gracefully on non-modern browsers.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-jquery-image-plugins" style="margin-bottom:15px;">jQuery Image Plugins</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://www.professorcloud.com/mainsite/cloud-zoom.htm"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/cloud.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.professorcloud.com/mainsite/cloud-zoom.htm">CloudZoom </a></strong><br />CloudZoom allows you to add image zoom functionality to your images when mouse hovered over. You can easily alter the appearance of the smaller image, lens and zoom window through regular CSS.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://playground.mobily.pl/jquery/mobily-notes.html"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/mobility.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://playground.mobily.pl/jquery/mobily-notes.html">MobilyNotes</a></strong><br />MobilyNotes is a lightweight jQuery plugin that shows your images or other HTML content in a stacked manner. You can use it to rotate your images and content. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.jscraft.net/plugins/craftmap.html"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/craft.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.jscraft.net/plugins/craftmap.html">CraftMap</a></strong><br />CraftMap is a lightweight, fully configurable jQuery plugin that converts a simple image into a functional map by overlaying dynamic elements on it such as markers. Like Google Maps, you can place your own marker icons and add location information to specific markers with a draggable image interface.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.garralab.com/nailthumb.php"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/nail.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.garralab.com/nailthumb.php">NailThumb </a></strong><br />NailThumb is a plugin that allows you to create thumbnails easily from high-resolution images, without any distortion, with one line of code only. You can even decide the thumbnail dimensions directly from CSS. It integrates perfectly with any media gallery. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.slidorion.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/slidorion.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.slidorion.com/">Slidorion </a></strong><br />Slidorion combines the look of an image slider and an accordion to display beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://projects.craftedpixelz.co.uk/craftyslide/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/crafty.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://projects.craftedpixelz.co.uk/craftyslide/">Craftyslide</a></strong><br />Craftyslide is a tiny (just 2kb) slideshow built on jQuery. It aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://glisse.victorcoulon.fr"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/glisse.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://glisse.victorcoulon.fr">Glisse.js </a></strong><br />Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. The transitions between the images are handled via CSS3.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-jquery-navigation-plugins" style="margin-bottom:15px;">jQuery Navigation Plugins</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://pagescroller.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/scroller.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://pagescroller.com/">Page Scroller</a></strong><br />Page Scroller is a simple and elegant navigation plugin that adds smooth scroll functionality to your web page. The plugin is so simple that you can animate any web site. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://medialize.github.com/jQuery-contextMenu/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/context.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://medialize.github.com/jQuery-contextMenu/">jQuery contextMenu </a></strong><br />contextMenu plugin allows you to add context menus to your web application. These can be triggered with right-click, left-click, hover or your own custom trigger events. You can populate your menu dynamically and on-demand and incorporate form input elements within the menu.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="https://github.com/DukeLeNoir/jQCloud"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/jqcloud.png" alt="" width="150" height="85" align="left" /></a><strong><a href="https://github.com/DukeLeNoir/jQCloud">jQCloud</a></strong><br />jQCloud is a jQuery plugin that builds neat and pure HTML + CSS word clouds and tag clouds that are actually shaped like a cloud.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-jquery-charts-and-timeline" style="margin-bottom:15px;">jQuery Charts and Timeline</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://www.jqplot.com"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/jqplot.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.jqplot.com">jqPlot</a></strong><br />jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features like automatic trend line computation, tooltips and data point highlighting. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://code.google.com/p/flot"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/flot.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://code.google.com/p/flot">Flot</a></strong><br />Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://oesmith.github.com/morris.js/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/morris.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://oesmith.github.com/morris.js/">Morris.js</a></strong><br />Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://timeline.verite.co/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/timeline.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://timeline.verite.co/">Timeline </a></strong><br />Timeline is a jQuery plugin that allows you to easily add interactive timelines to your site. It is also great for pulling in media from different sources. It has built in support for pulling in Tweets and media from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud. To add events to your timeline, you can populate it using a Google spreadsheet or via JSON.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/jquery-plugins/">40+ jQuery Plugins to Spice Up your Website</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/hovercard-jquery-plugin-display-inline-info/' rel='bookmark' title='Hovercard &#8211; A jQuery plugin to display inline info'>Hovercard &#8211; A jQuery plugin to display inline info</a></li>
<li><a href='http://www.hotscripts.com/blog/jquery-mobile-framework-released/' rel='bookmark' title='jQuery Mobile Framework Released'>jQuery Mobile Framework Released</a></li>
<li><a href='http://www.hotscripts.com/blog/image-showcase-jquery/' rel='bookmark' title='Beyond Traditional Image Showcase with jQuery'>Beyond Traditional Image Showcase with jQuery</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/MmekCclx6PM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/jquery-plugins/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/jquery-plugins/</feedburner:origLink></item>
		<item>
		<title>What’s Hot in Web Development? – April Issue</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/RdTcuq_GGbc/</link>
		<comments>http://www.hotscripts.com/blog/hot-web-develoment-april/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 01:00:35 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[HotLists]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2717</guid>
		<description><![CDATA[Our April issue of "What's Hot in Web Development", takes a look at prominent script releases, hosted application launches, and the latest web development news.<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/hot-web-develoment-april/">What’s Hot in Web Development? – April Issue</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/whats-hot-web-development-march-issue/' rel='bookmark' title='What&#8217;s Hot in Web Development? &#8211; March Issue'>What&#8217;s Hot in Web Development? &#8211; March Issue</a></li>
<li><a href='http://www.hotscripts.com/blog/hot-scripts-launches-blog/' rel='bookmark' title='Hot Scripts Launches Web Development Blog'>Hot Scripts Launches Web Development Blog</a></li>
<li><a href='http://www.hotscripts.com/blog/web-development-frameworks/' rel='bookmark' title='Web Development Frameworks'>Web Development Frameworks</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Our April issue of &#8220;What&#8217;s Hot in Web Development&#8221;, takes a look at prominent script releases, hosted application launches, and the latest web development news.</p>
<h2 id="toc-new-noteworthy-scripts" style="margin-bottom:15px;">New &#038; Noteworthy Scripts</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://easybook-project.org/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/easybook.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://easybook-project.org/"> easybook </a></strong><br />easybook is a PHP application that lets you easily publish book in various electronic formats: PDF, HTML and EPUB. It works by converting text archives written using the Markdown syntax. (Markdown is the standard format for writing documentation on the Internet). You can use easybook to publish novels, manuals, technical books and websites with your projects documentation.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://twitter.github.com/ospriet/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/ospriet.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://twitter.github.com/ospriet/"> Ospriet </a></strong><br />Ospriet is a moderation tool that allows audiences to post and vote on questions/comments for talks, presentation and events. It is built on Twitter and is written in node.js and uses MongoDB for database storage. Anyone with aTwitter account can submit a question or comment by posting an @-reply to a dedicated Twitter account. These submissions are then moderated and posted to the application with attributions.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://willemmulder.github.com/Presenteer.js/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/presenteer.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://willemmulder.github.com/Presenteer.js/"> Presenteer </a></strong><br />Presenteer.js is a jQuery plugin that provides a very flexible HTML5 presentation tool that works in one line of code and is configurable with constructor options and callbacks. It allows you to create stunning web-based presentation with effects like rotation, slide, etc.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://elfinder.org/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/elfinder.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://elfinder.org/"> elFinder </a></strong><br />elFinder is an open-source  file manager for the Web written in JavaScript using jQuery and jQuery UI. Its layout and simplicity of use is highly inspired from Mac OS X Finder application. You can perform all operations with files and folders on a remote server like copy, move, upload, create file/folder and delete. elFinder support background file upload with drag-and-drop HTML5.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://code.google.com/p/clients-oriented-ftp/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/projectsend.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://code.google.com/p/clients-oriented-ftp/"> ProjectSend </a></strong><br />ProjectSend (previously cFTP) is a free, clients-oriented, private file sharing web application. Clients are created and assigned a username and password. Files can then be uploaded under each account and optionally a name and description can be attributed to them. ProjectSend works on common hosting environments to provide an easy and secure multi-file uploading system.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://enarion.net/tools/phpsitemapng/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/sitemap.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://enarion.net/tools/phpsitemapng/"> phpSitemapNG </a></strong><br />phpSitemapNG is a free Google Sitemaps generator written in PHP, but also generates RSS-based, txt-based and HTML-based sitemap files. It will spider your website and generate the XML-based sitemaps.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href=" http://www.w-script.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/w-script.png" alt="" width="150" height="85" align="left" /></a><strong><a href=" http://www.w-script.com/"> W-Script  </a></strong><br />W-script is a free wallpaper script that allows you to start a wallpaper showcase and sharing Web site. It support features like color indexing, bulk upload from browser, unlimited catalogs, and automated wallpaper size generation for different desktop resolution and mobile devices.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://hub.lotsofcode.com/tag-cloud/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/tagcloud.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://hub.lotsofcode.com/tag-cloud/"> PHP Tag cloud </a></strong><br />PHP Tag cloud is an easy-to-use PHP tag cloud class that allows you to generate and display tag clouds from either a database or text file source. The class provides different methods to manipulate the tag cloud including addition of new tags, adjusting the size of the tags, limiting the number of tags or even setting the order.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.hotscripts.com/listing/cockpito-real-time-metric-analysis-and-visualization-software/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/cockpito.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.hotscripts.com/listing/cockpito-real-time-metric-analysis-and-visualization-software/"> Cockpito </a></strong><br />Cockpito is an easy-to-install and use application metrics measuring and monitoring software, written in PHP/MySQL. By simply adding ready-to-use functions inside your application (web app, desktop app, mobile app or website), you can send tracking data to your Cockpito application and then monitor and track usage metrics.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-useful-hosted-apps" style="margin-bottom:15px;">Useful Hosted Apps</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://phpforms.net/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/phpforms.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://phpforms.net/"> PHPForms </a></strong><br />PHPForms is a hosted application that allows you to create Web forms quickly and easily using an advanced Web Form Builder. You can create an unlimited number of forms with any form elements like radio-buttons, text areas, pull-down menus, checboxes, etc. Form submissions may be sent to multiple email addresses or saved on the server and eventually exported as CSV files.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://teambox.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/teambox.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://teambox.com/"> TeamBox </a></strong><br />Teambox brings the familiarity of social networks to your projects. Sharing tasks and files is simple and secure. Manage tasks with status, due dates and milestones. Use the Kanban view for a quick overview of projects.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.cushycms.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/crunchty.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.cushycms.com/"> CushyCMS </a></strong><br />CushyCMS is a fast, simple and free content management system that aims to make life easier for web designers by simplifying content management. Cushy is a hosted application &#8212; no custom installation, packages or mods required on your end!
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-helpful-web-design-resources" style="margin-bottom:15px;">Helpful Web Design Resources</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://www.smushit.com/ysmush.it/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/smush.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.smushit.com/ysmush.it/"> Smush.it </a></strong><br />Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files.  After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page&#8217;s images and provides a downloadable zip file with the minimized image files.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.stripemania.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/stripemania.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.stripemania.com/"> Stripemania </a></strong><br />Stripemania is a simple and free tool to create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those. You can even add color gradient effect for all of your stripes.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.cleancss.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/cleancss.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.cleancss.com/"> Clean CSS </a></strong><br />Clean CSS is an online tool that allows you to optimize and format your CSS declarations. By simply copy-and-pasting your code or uploading it from a URL, you can select different compression options.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-useful-desktop-and-online-tools" style="margin-bottom:15px;">Useful Desktop and Online Tools</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://fiddlesalad.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/fiddle.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://fiddlesalad.com/"> Fiddle Salad</a></strong><br />Fiddle Salad is an online IDE for building client-side web applications. You can use it to write and test your HTML/CSS/JavaScript code in a single-page interface and review your output in real-time. It supports Zend Coding mode, JavaScript debug and version tracking.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://snipsave.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/snipsave.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://snipsave.com/"> SnipSave </a></strong><br />SnipSave is a free online tool that allows you to save your code snippets online. It features a very easy-to-use interface where you can quickly create, edit, tag and delete your snippets. SnipSave will auto-detect your code and apply relevant syntax-highlighting.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://wappalyzer.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/Wappalyzer.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://wappalyzer.com/"> Wappalyzer </a></strong><br />Wappalyzer is a browser extension that uncovers the technologies used on websites. It detects content management systems, web shops, web servers, JavaScript frameworks, analytics tools and many more.This extension is available for Firefox, and Google Chrome.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<h2 id="toc-recent-web-development-news" style="margin-bottom:15px;">Recent Web Development News</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://www.webpronews.com/google-offering-free-gomo-sites-2012-04"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/news-gomo.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.webpronews.com/google-offering-free-gomo-sites-2012-04"> Google Offering Free GoMo Sites </a></strong><br />Google is helping small businesses to optimize online storefronts for mobile by offering free websites via its GoMo page. Google’s GoMo and DudaMobile have joined together to better streamline desktop sites to be more mobile-friendly, by offering various templates, which can be customized.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.webpronews.com/adobe-shadow-labs-release-2-now-available-2012-04"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/news-shadow.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.webpronews.com/adobe-shadow-labs-release-2-now-available-2012-04"> Adobe Shadow Labs Release 2 Now Available </a></strong><br />Adobe Shadow, tools that make developing mobile Web sites easier and faster, has been updated to stay in line with current Web standards. Adobe released the details of the new Shadow Labs Release 2 today. They’re incorporating many of the features that users have requested.</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://thenextweb.com/dd/2012/04/12/wordpress-com-gets-new-rest-api-opens-access-to-posts-comments-and-more/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/news-wp.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://thenextweb.com/dd/2012/04/12/wordpress-com-gets-new-rest-api-opens-access-to-posts-comments-and-more/"> WordPress.com Gets New REST API </a></strong><br />WordPress.com has announced a brand new REST API, which gives developers access to tons of new content, including posts and comments, as well as the ability to Follow, Like, or Reblog content for users. </td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.webpronews.com/twitter-makes-its-mysql-work-open-source-2012-04"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/04/news-twitter.png" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.webpronews.com/twitter-makes-its-mysql-work-open-source-2012-04"> Twitter Makes Its MySQL Work Open Source </a></strong><br />Twitter announced on its engineering blog that its work with MySQL will now be available to all under an open source license. This is pretty big since Twitter is basically built on MySQL from the interest graph and timelines to user data and the tweets themselves.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
</table>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/hot-web-develoment-april/">What’s Hot in Web Development? – April Issue</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/whats-hot-web-development-march-issue/' rel='bookmark' title='What&#8217;s Hot in Web Development? &#8211; March Issue'>What&#8217;s Hot in Web Development? &#8211; March Issue</a></li>
<li><a href='http://www.hotscripts.com/blog/hot-scripts-launches-blog/' rel='bookmark' title='Hot Scripts Launches Web Development Blog'>Hot Scripts Launches Web Development Blog</a></li>
<li><a href='http://www.hotscripts.com/blog/web-development-frameworks/' rel='bookmark' title='Web Development Frameworks'>Web Development Frameworks</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/RdTcuq_GGbc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/hot-web-develoment-april/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/hot-web-develoment-april/</feedburner:origLink></item>
		<item>
		<title>What’s Hot in Web Development? – March Issue</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/F28AahNqlIk/</link>
		<comments>http://www.hotscripts.com/blog/whats-hot-web-development-march-issue/#comments</comments>
		<pubDate>Fri, 30 Mar 2012 08:11:25 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[HotLists]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2645</guid>
		<description><![CDATA[To help you uncover the best of these new resources, we've compiled this post that highlights newly released scripts, tools, hosted apps, and plugins as well as relevant tutorials and industry news. <p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/whats-hot-web-development-march-issue/">What&#8217;s Hot in Web Development? &#8211; March Issue</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/hot-scripts-launches-blog/' rel='bookmark' title='Hot Scripts Launches Web Development Blog'>Hot Scripts Launches Web Development Blog</a></li>
<li><a href='http://www.hotscripts.com/blog/trending-web-development-technologies/' rel='bookmark' title='The A to Z of Trending Web Development Technologies'>The A to Z of Trending Web Development Technologies</a></li>
<li><a href='http://www.hotscripts.com/blog/web-development-applications-mac-os/' rel='bookmark' title='Web Development Applications for Mac OS X'>Web Development Applications for Mac OS X</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>The web development landscape changes so quickly these days that new insightful and valuable resources are constantly being released. To help you uncover the best of these new resources, we&#8217;ve compiled this post that highlights newly released scripts, tools, hosted apps, and plugins as well as relevant tutorials and industry news. </p>
<h2 id="toc-new-noteworthy-scripts" style="margin-bottom:15px;">New &#038; Noteworthy Scripts</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://timeline.verite.co/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/timeline.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://timeline.verite.co/">Timeline</a></strong><br />Timeline is a jQuery plugin that allows you to easily add interactive timelines to your site. It is also great for pulling in media from different sources. It has built in support for pulling in Tweets and media from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud. To add events to your timeline, you can populate it using a Google spreadsheet or via JSON.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://ajaxplorer.info/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/ajaxplorer.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://ajaxplorer.info/">AjaXplorer</a></strong><br />AjaXplorer is a PHP and AJAX based file management system that you can install on your server to host and access your files from anywhere. It sports a modern and responsive interface very similar to OS-native file explorers. Users can easily share files or folders over the Internet, preview and edit most common file formats directly online, without having to download/upload the files to/from their local computer.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.gelsheet.org/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/gelsheet.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.gelsheet.org/">GelSheet</a></strong><br />GelSheet is a free and open source web spreadsheet that allows users to create, edit and export in many formats. It&#8217;s intended to run either standalone or integrated within another web tool. GelSheet is also available as a WordPress plugin.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://blueimp.github.com/jQuery-File-Upload/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/jqueryfile-upload.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://blueimp.github.com/jQuery-File-Upload/">jQuery File Upload</a></strong><br />jQuery File Upload is a file upload widget with multiple file and drag and drop support. During the file upload process, nice progress bars and preview images are displayed. It also supports cross-domain, chunked and resumable file uploads. You can use it with any server-side programming language that can handle HTML form file upload.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://eightmedia.github.com/hammer.js/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/hammer.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://eightmedia.github.com/hammer.js/">Hammer.js</a></strong><br />Hammer.js is a JavaScript library for adding touch events in your web site. It is lightweight (with only 2kb) and extremely easy to implement. It currently support gestures like tap, double tap, hold, drag and transform. Please note that this library requires jQuery.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.kimai.org/en/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/kimai.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.kimai.org/en/">Kimai </a></strong><br />Kimai is a free open source timetracker based on PHP5 and MySQL 5. It tracks work time and prints out a summary of your activities on demand. You can also run date-ranged reports by customer, project or activity. Kimai has support for multiple users as well.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.humblesoftware.com/flotr2/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/flotr.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.humblesoftware.com/flotr2/">Flotr2</a></strong><br />Flotr2 is a library for drawing HTML5 charts and graphs. It can generate line graphs, bar charts, pie charts and bubble charts. These graphs and charts are generated using HTML5′s canvas and work across several desktop and mobile browsers. Once you provide the data points, the application will automatically calibrate the scale of your axes. Graphs can be zoomed and downloaded as PNG or JPG images.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.jtable.org/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/jtable.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.jtable.org/">jTable</a></strong><br />jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript. The HTML table is automatically generated with records fetched from the server using AJAX. Records can also be added, updated and deleted. jTable unlike other similar CRUD datagrids is easy to use and comes with PHP and ASP.NET sample codes.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.centurion-project.org/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/centurion.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.centurion-project.org/">Centurion Project</a></strong><br />Centurion is an open-source CMS delivered as a flexible PHP5 Content Management Framework. It is based on the Zend Framework and its components are generic, simple, clear and reusable. Centurion comes with the following components: Forms, caching, files, CRUD, views, signals and database.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://osclass.org/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/osclass.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://osclass.org/">OSClass</a></strong><br />OSClass is a PHP-based script that allows you to create a classified ads website. It can be used to set up a generic listings site or an industry-specific classified ads site for autos, jobs, real estate, and dating. It is easy to install and scales nicely on websites with millions of pageviews per month.
</td>
</tr>
</table>
<h2 id="toc-useful-hosted-apps" style="margin-bottom:15px;">Useful Hosted Apps</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://pusher.com"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/pusher.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://pusher.com">Pusher</a></strong><br />Pusher is a hosted application that provides a set of different APIs for quickly, easily and securely adding scalable realtime functionality to web and mobile apps. These sets of APIs and libraries available in different languages is great for building apps that requires chat, activity streams, notification, collaboration and dashboards functionalities.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="https://www.trestleapp.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/trestle.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="https://www.trestleapp.com/">Trestle</a></strong><br />Trestle provides a suite of Cloud based services that includes user accounts, image manipulation, audio conversion and push notifications designed to make your job as a developer easier.  Whether you choose just a single service API or you decide to use them all, there&#8217;s likely a service available to help you get your project done faster.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://intensedebate.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/intense-debate.jpg" alt="" width="150" height="85" align="left"></a><strong><a href="http://intensedebate.com/">IntenseDebate</a></strong><br />IntenseDebate is a hosted application that allows you to provide feature-rich comment system for WordPress, Blogger, Tumblr and many other blogging/CMS platforms.  Let your readers post comments using services like Facebook, Twitter, and OpenID.
</td>
</tr>
</table>
<h2 id="toc-helpful-web-design-resources" style="margin-bottom:15px;">Helpful Web Design Resources</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://www.creattor.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/creattor.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.creattor.com/">creaTTor</a></strong><br />creaTTor is a community-driven creative library of free assets for your web design projects. It has a growing collection of site templates including WordPress themes, Joomla templates, Drupal themes, etc. You will also find free vectors, graphics and Flash components.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.entypo.com"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/entypo.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.entypo.com/">Entypo</a></strong><br />Entypo is a set of 100+ carefully crafted pictograms available as an OpenType font, vector EPS and web font. These sets are perfect for websites, apps and digital services.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://subtlepatterns.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/subtlepatterns.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://subtlepatterns.com/">Subtle Patterns</a></strong><br />Subtle Patterns is a design resource site offering high quality tilable textured patterns for free. It currently serves over 200 patterns and you can also download all patterns on the site as a single Photoshop pattern file.
</td>
</tr>
</table>
<h2 id="toc-new-desktop-and-online-tools" style="margin-bottom:15px;">New Desktop and Online Tools</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://inotai.com/intype/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/intype.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://inotai.com/intype">Intype</a></strong><br />Intype is a text editor with advanced text editing features including select &#038; edit, snippet insertion and management, auto-paired characters, fast syntax highlighting and code-coloring themes. Snippets, themes or even language grammars can be changed or added in the comfy extension editor.  Intype has been optimized for speed and has snappy responses.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://dirtymarkup.com/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/dirtymarkup.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://dirtymarkup.com/">DirtyMarkup</a></strong><br />DirtyMarkup is an online tool that combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code. Just paste your code (HTML, CSS or JavaScript) into the editor and press “clean” to tidy and beautify your code.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://crunchapp.net/"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/crunch.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://crunchapp.net/">Crunch</a></strong><br />Crunch is an Adobe Air based CSS/LESS editor and compiler. (LESS is a JavaScript based CSS preprocessor which allows you to write CSS in its extended syntax and it will automatically compile that code into normal CSS.) Crunch supports multi-tab and syntax highlighting.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://wearekiss.com/spritepad"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/sprintepad.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://wearekiss.com/spritepad">SpritePad</a></strong><br />SpritePad is an online tool that allows you to create your CSS sprints within seconds. Simply drag and drop your images directly in your browser and have them immediately available as one PNG spring with its CSS code.
</td>
</tr>
</table>
<h2 id="toc-recent-web-development-news" style="margin-bottom:15px;">Recent Web Development News</h2>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<a href="http://php.net/releases/5_4_0.php"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/news-php.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://php.net/releases/5_4_0.php">PHP 5.4.0 Released</a></strong><br />PHP version 5.4.0 was released earlier this month. This release is a major leap forward in the 5.x series and includes a large number of new features and bug fixes. Some of the key features in PHP 5.4.0 include: new language syntax, improved performance and reduced memory consumption, etc
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.hanselman.com/blog/ASPNETMVC4ASPNETWebAPIAndASPNETWebPagesV2RazorNowAllOpenSourceWithContributions.aspx"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/news-asp-net.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.hanselman.com/blog/ASPNETMVC4ASPNETWebAPIAndASPNETWebPagesV2RazorNowAllOpenSourceWithContributions.aspx">Microsoft Makes ASP.NET Open Source</a></strong><br />Microsoft has announced that it is opensourcing ASP.NET MVC 4, ASP.NET Web API, ASP.NET Web Pages v2 (Razor) under the Apache 2.0 license. While the source for ASP.NET MVC was made available since its release, community contributions were never included in releases. Microsoft will now ship community code inside ASP.NET in upcoming versions of Visual Studio.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.webpronews.com/googles-go-project-gets-stable-release-2012-03"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/news-go.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.webpronews.com/googles-go-project-gets-stable-release-2012-03">Google&#8217;s Go Programming Language Gets Stable Release</a></strong><br />Google has been toiling away on the Go Project since 2009. After three years and over 200 people contributing to the project, the Go Project has reached a major milestone and can now be considered usable by the masses.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.techspot.com/news/47974-adobe-launches-flash-112-and-air-32-changes-pricing-structure.html"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/news-flash.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.techspot.com/news/47974-adobe-launches-flash-112-and-air-32-changes-pricing-structure.html">Adobe Releases AIR 3.2 and Flash Player 11.2</a></strong><br />Adobe announced the release of Flash Player 11.2 and Air 3.2 today, as the firm continues their push to help developers deliver media rich applications and console-quality games that run in web browsers.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.websitemagazine.com/content/blogs/posts/archive/2012/03/26/mcafee-plugin-for-mysql-audits.aspx"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/news-mcafee.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.websitemagazine.com/content/blogs/posts/archive/2012/03/26/mcafee-plugin-for-mysql-audits.aspx">MacAfee Introduces Free Plugin for MySQL Audits</a></strong><br />McAfee has released a free open source plugin for MySQL database that shows detailed activity from database audits. The plugin features visibility into database vulnerabilities and supports databases such as Oracle, Sybase, MS-SQL and DB2.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://googleappengine.blogspot.com/2012/03/app-engine-164-released.html"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/news-googleapengine.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://googleappengine.blogspot.com/2012/03/app-engine-164-released.html">Google Releases App Engine 1.6.4</a></strong><br />The Google App Engine blog announced the release of App Engine 1.6.4 today. Unlike other incremental numbered updates, App Engine receives quite the hefty update this time with plenty of features that should make developers happy.
</td>
</tr>
<tr>
<td>&nbsp;</td>
<tr>
<tr>
<td valign="top">
<a href="http://www.webpronews.com/interview-why-google-is-more-valuable-to-developers-than-facebook-is-2012-03"><img class="img-left-aligned" style="margin-bottom: 5px; margin-right: 20px; margin-top: 5px;" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/03/news-googlefb.jpg" alt="" width="150" height="85" align="left" /></a><strong><a href="http://www.webpronews.com/interview-why-google-is-more-valuable-to-developers-than-facebook-is-2012-03">Developers Prefer Google Over Facebook </a></strong><br />A new study from Appcelerator and the International Data Corporation (IDC) found that developers are more interested in Google than Facebook. According to the report, 39 percent of the more than 2,000 mobile developers surveyed plan to focus more on Google initiatives than Facebook’s social graph this year.
</td>
</tr>
</table>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/whats-hot-web-development-march-issue/">What&#8217;s Hot in Web Development? &#8211; March Issue</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/hot-scripts-launches-blog/' rel='bookmark' title='Hot Scripts Launches Web Development Blog'>Hot Scripts Launches Web Development Blog</a></li>
<li><a href='http://www.hotscripts.com/blog/trending-web-development-technologies/' rel='bookmark' title='The A to Z of Trending Web Development Technologies'>The A to Z of Trending Web Development Technologies</a></li>
<li><a href='http://www.hotscripts.com/blog/web-development-applications-mac-os/' rel='bookmark' title='Web Development Applications for Mac OS X'>Web Development Applications for Mac OS X</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/F28AahNqlIk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/whats-hot-web-development-march-issue/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/whats-hot-web-development-march-issue/</feedburner:origLink></item>
		<item>
		<title>Learn How to Code for the Web</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/3KYNgU5xLiQ/</link>
		<comments>http://www.hotscripts.com/blog/learn-code-web/#comments</comments>
		<pubDate>Mon, 27 Feb 2012 11:38:15 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[HotLists]]></category>
		<category><![CDATA[training]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2534</guid>
		<description><![CDATA[In this post, we've scoured the Web for free teach-yourself web development materials covering a wide range of topics including HTML5, JavaScript, PHP and Ruby on Rails. Add something new to your list of skills without shelling out a fortune.<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/learn-code-web/">Learn How to Code for the Web</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/5-powerful-php-code-generators/' rel='bookmark' title='5 Powerful PHP Code Generators'>5 Powerful PHP Code Generators</a></li>
<li><a href='http://www.hotscripts.com/blog/search-source-code-coding/' rel='bookmark' title='How often do you search for source code example while coding?'>How often do you search for source code example while coding?</a></li>
<li><a href='http://www.hotscripts.com/blog/mozilla-bespin-code-in-the-cloud/' rel='bookmark' title='Mozilla Bespin &#8211; Code in the Cloud'>Mozilla Bespin &#8211; Code in the Cloud</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Every day, thousands of us take a leap into the Web development industry, while those who are established are constantly migrating to or learning new web technologies. The web is full of technical, in-depth tutorials, but a decent introductory training materials can be very difficult to find. In this post, we&#8217;ve scoured the Web for free teach-yourself web development materials covering a wide range of topics including HTML5, JavaScript, PHP and Ruby on Rails. Add something new to your list of skills without shelling out a fortune.</p>
<h2 id="toc-general-web-development">General Web Development</h2>
<p><strong>W3Schools</strong></p>
<p><a href="http://www.w3schools.com/"><img class="aligncenter size-full wp-image-2546" title="training-w3schools" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/training-w3schools.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.w3schools.com/">W3Schools</a> is a  developer&#8217;s portal with tutorials and references relating to web development subjects, including HTML, XML, CSS, JavaScript, PHP, ASP, ASP.NET, and SQL. The tutorials and references on the website are accompanied by great try-it-yourself examples.</p>
<p><strong>Tizag</strong></p>
<p><a href="http://www.tizag.com/"><img class="aligncenter size-full wp-image-2547" title="tizag" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/tizag.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.tizag.com/">Tizag</a> was created to be a stepping-stone to the budding webmaster and a handy reference to the veteran developer. Each tutorial has been written to be easy-to-understand and the references covers in-depth attributes/tags/syntax of each language along with accompanying examples.</p>
<p><strong>Google Code University</strong></p>
<p><a href="http://code.google.com/edu/ "><img class="aligncenter size-full wp-image-2540" title="google-code-univ" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/google-code-univ.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://code.google.com/edu/"><strong>Google Code University</strong></a> is an initiative from Google and schools across the US to provide course content and tutorials on programming related topics. You can find great courses on desktop, web and mobile programming as well as courses on specialized topics like web security, distributed systems and Google APIs and Tools. All courses are accompanied by great examples and exercises.</p>
<h2 id="toc-html5">HTML5</h2>
<p><strong>HTML-5-Tutorial</strong></p>
<p><a href="http://www.html-5-tutorial.com/"><img class="aligncenter size-full wp-image-2550" title="html5-tutorials" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/html5-tutorials.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.HTML-5-Tutorial.com">HTML-5-Tutorial.com</a> is geared to those who want to edit and write HTML code by hand. Knowing how the nuts and bolts of a webpage fit and work together gives you the means to utilize HTML5&#8242;s full potential.</p>
<p><strong>HTML5Doctor</strong></p>
<p><a href="http://html5doctor.com/"><img class="aligncenter size-full wp-image-2554" title="html5doctor" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/html5doctor.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://html5doctor.com/">HTML5Doctor</a> has a growing list of categorized posts grouped in order to get you started with HTML5 or help you understand the specification and specific elements a little more. The blog posts are well written with ample of code samples.</p>
<p><strong>Dive Into HTML5</strong></p>
<p><a href="http://mislav.uniqpath.com/2011/10/dive-into-html5/"><img class="aligncenter size-full wp-image-2543" title="dive-into-html" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/dive-into-html.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://mislav.uniqpath.com/2011/10/dive-into-html5/">Dive Into HTML5</a>  is a free online version of Mark Pilgrim&#8217;s book &#8220;HTML5L: Up &amp; Running&#8221;. It seeks to elaborate on a handpicked selection of features from the HTML5 specification and other fine Standards.</p>
<h2 id="toc-javascript-jquery">JavaScript &amp; jQuery</h2>
<p><strong>Codecademy</strong></p>
<p><a href="http://www.codecademy.com/ "><img class="aligncenter size-full wp-image-2553" title="codecademy" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/codecademy.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.codecademy.com/ ">Codecademy</a> is an interactive command-line driven teach-yourself tool that makes learning to code easy, fun and addictive. JavaScript is currently the only web-based course available and is broken down into eight lessons that will teach you how to set variables, create alerts and work with strings. You will earn badges each time you complete a lesson and you can track and share your progress with your friends.</p>
<p><strong>Eloquent JavaScript</strong></p>
<p><a href="http://eloquentjavascript.net/"><img class="aligncenter size-full wp-image-2544" title="eloquent-js" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/eloquent-js.jpg" alt="" width="480" height="200" /></a><br />
<a href="http://eloquentjavascript.net/"><br />
Eloquent JavaScript</a> is a free online book providing an introduction to the JavaScript programming language and programming in general. It goes beyond the cut-and-paste scripts of the recipe books and teaches you to write code that’s elegant and effective. Apart from a bookful of text, it contains plenty of example programs, and an environment to try them out and play with them.</p>
<p><strong>jQuery fundamentals</strong></p>
<p><a href="http://jqfundamentals.com/ "><img class="aligncenter size-full wp-image-2551" title="jquery-fundamentals" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/jquery-fundamentals.jpg" alt="" width="480" height="200" /></a><br />
<a href="http://jqfundamentals.com/ ">jQuery fundamentals</a> is a free ebook that provides an overview of the jQuery JavaScript library. When you&#8217;re done with the book, you should be able to complete basic tasks using jQuery, and have a solid basis from which to continue your learning. This book was designed as material to be used in a classroom setting, but you may find it useful for individual study.</p>
<p><strong>appendTo</strong></p>
<p><a href="http://learn.appendto.com/ "><img class="aligncenter size-full wp-image-2539" title="appendto" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/appendto.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://learn.appendto.com/">appendTo</a> offers a couple of fundamental JavaScript and jQuery screencasts designed to help you learn at your own pace. Most of the screencasts are accompanied by exercises to test the skills you&#8217;ve just learned.</p>
<p><strong>JavaScript Garden</strong></p>
<p><a href="http://bonsaiden.github.com/JavaScript-Garden "><img class="aligncenter size-full wp-image-2541" title="javascript-garden" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/javascript-garden.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://bonsaiden.github.com/JavaScript-Garden ">JavaScript Garden</a> is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavors into the depths of the language.</p>
<p><strong>jQuery Air</strong></p>
<p><a href="http://jqueryair.com/ "><img class="aligncenter size-full wp-image-2538" title="jqueryair" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/jqueryair.jpg" alt="" width="480" height="200" /></a><br />
<a href="http://jqueryair.com/ ">jQuery Air</a> is a free web-course offered by code school. You&#8217;ll watch five videos, each followed by code challenges where you&#8217;ll learn to code jQuery and apply principles directly in the browser.</p>
<p><strong>Mozilla Developers Network JavaScript Guide</strong></p>
<p><a href="https://developer.mozilla.org/en/JavaScript/Guide "><img class="aligncenter size-full wp-image-2537" title="mozilla" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/mozilla.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="https://developer.mozilla.org/en/JavaScript/Guide ">Mozilla Developers Network JavaScript Guide</a> is a comprehensive guide that explains everything you need to know about using JavaScript. It covers topics like variables, expression, operations, objects, methods and arrays.</p>
<p><strong>JavaScript Essential</strong></p>
<p><a href="http://www.techotopia.com/index.php/JavaScript_Essentials "><img class="aligncenter size-full wp-image-2555" title="javascript-essentials" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/javascript-essentials.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.techotopia.com/index.php/JavaScript_Essentials ">JavaScript Essential</a> is a book available for free reading online. It is designed to provide a detailed and comprehensive, yet easy to follow, guide to developing powerful, dynamic web pages using JavaScript.</p>
<h2 id="toc-php">PHP</h2>
<p><strong>Zend&#8217;s PHP 101</strong></p>
<p><a href="http://devzone.zend.com/6/php-101-php-for-the-absolute-beginner/"><img class="aligncenter size-full wp-image-2552" title="phpzend101" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/phpzend101.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://devzone.zend.com/6/php-101-php-for-the-absolute-beginner/">PHP 101</a> is a 15-part tutorial series intended for everyone interested in learning about elementary PHP 4 or basic PHP 5. These tutorials are highly informative and entertaining at the same time.</p>
<p><strong>Practical PHP Programming</strong></p>
<p><a href="http://www.tuxradar.com/practicalphp"><img class="aligncenter size-full wp-image-2556" title="practicalphp" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/practicalphp.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.tuxradar.com/practicalphp">Practical PHP Programming</a> is a series of PHP tutorials with the goal of making the task of learning PHP something fun. It contains lots of information for newcomers as well as information on advanced functionality in PHP for veterans.</p>
<p><strong>PHP 5 Power Programming</strong></p>
<p><a href="http://www.informit.com/promotions/promotion.aspx?promo=135563"><img class="aligncenter size-full wp-image-2548" title="php5-power-programming" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/php5-power-programming.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.informit.com/promotions/promotion.aspx?promo=135563">PHP 5 Power Programming</a> is a free eBook (available in PDF) that will show you how to make the most of PHP 5&#8242;s industrial-strength enhancements in any project &#8211; no matter how large or complex. Whether you&#8217;re creating web applications, extensions, packages, or shell scripts &#8211; or migrating PHP 4 code &#8211; this book covers high-powered solutions you won&#8217;t find anywhere else.</p>
<p><strong>phpacademy</strong></p>
<p><a href="http://www.phpacademy.org/tutorials.php">phpacademy</a> has a growing collection of over 300 video tutorials covering a wide range of PHP-related and other web development topics for both beginner and intermediate users. All the videos are on-demand and completely free.</p>
<h2 id="toc-ruby-on-rails">Ruby on Rails</h2>
<p><strong>RailsforZombies</strong></p>
<p><a href="http://railsforzombies.org/"><img class="aligncenter size-full wp-image-2542" title="rails-zombie" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/rails-zombie.jpg" alt="" width="480" height="200" /></a><br />
<a href="http://railsforzombies.org/ ">RailsforZombies</a> is browser-based tutorial that will teach you the basics of web application development using Ruby on Rails. It consists of 5 video lessons broken down into different video chapters. You can watch the videos online or download them to watch offline &#8211; either on your desktop or iPhone/iPad. Each lesson is followed by exercise where you&#8217;ll be programming Rails in your browser.</p>
<p><strong>RailsCasts</strong></p>
<p><a href="http://railscasts.com/"><img class="aligncenter size-full wp-image-2536" title="railscasts" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/railscasts.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://railscasts.com/ ">RailsCasts</a> offers screencasts (both free and paid) featuring tips and tricks with Ruby on Rails. The screencasts are short and focus on one technique so you can quickly move on to applying it to your own project. The topics target the intermediate Rails developer, but beginners and experts will get something out of it as well.</p>
<p><strong>Four Days on Rails</strong></p>
<p><a href="http://rails.homelinux.org/ "><img class="aligncenter size-full wp-image-2549" title="4days-rails" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/4days-rails.jpg" alt="" width="480" height="200" /></a><br />
<a href="http://rails.homelinux.org/ ">Four Days on Rails</a> is a free eBook that attempts to teach you the underlying coding that goes through developing a Rail application. After reading this 40-pages eBook, you will have a useful toolbox of Rails techniques and a good idea of where to look on the web for more information.</p>
<p><strong>Ruby on Rails Tutorial book</strong></p>
<p><a href="http://ruby.railstutorial.org/"><img class="aligncenter size-full wp-image-2535" title="ruby-on-rails-tutorials" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/ruby-on-rails-tutorials.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://ruby.railstutorial.org/">The Ruby on Rails 3 Tutorial</a> book teach you how to develop and deploy real, industrial-strength web applications with Ruby on Rails. It covers a wide array of topics including installing and deploying Ruby on Rails, scaffolding, working with static pages and handling layouts, etc.</p>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/learn-code-web/">Learn How to Code for the Web</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/5-powerful-php-code-generators/' rel='bookmark' title='5 Powerful PHP Code Generators'>5 Powerful PHP Code Generators</a></li>
<li><a href='http://www.hotscripts.com/blog/search-source-code-coding/' rel='bookmark' title='How often do you search for source code example while coding?'>How often do you search for source code example while coding?</a></li>
<li><a href='http://www.hotscripts.com/blog/mozilla-bespin-code-in-the-cloud/' rel='bookmark' title='Mozilla Bespin &#8211; Code in the Cloud'>Mozilla Bespin &#8211; Code in the Cloud</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/3KYNgU5xLiQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/learn-code-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/learn-code-web/</feedburner:origLink></item>
		<item>
		<title>ChiliProject – A Ruby on Rails Project Management System</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/7SDrogzxIrc/</link>
		<comments>http://www.hotscripts.com/blog/chiliproject-ruby-rails-project-management-system/#comments</comments>
		<pubDate>Tue, 14 Feb 2012 12:39:27 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[Around the Web]]></category>
		<category><![CDATA[ruby on rails]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2522</guid>
		<description><![CDATA[ChiliProject is an open source Ruby on Rails web-based project management system that allows your team to control the complete life cycle of a project from start to finish.<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/chiliproject-ruby-rails-project-management-system/">ChiliProject &#8211; A Ruby on Rails Project Management System</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/client-project-management-scripts-for-freelancers/' rel='bookmark' title='Client &amp; Project Management Scripts for Freelance Developers &amp; Designers'>Client &#038; Project Management Scripts for Freelance Developers &#038; Designers</a></li>
<li><a href='http://www.hotscripts.com/blog/generate-web-project-templates/' rel='bookmark' title='Generate Web Project Templates with Deploy'>Generate Web Project Templates with Deploy</a></li>
<li><a href='http://www.hotscripts.com/blog/diaspora-opensource-facebook-alternative/' rel='bookmark' title='Diaspora &#8211; Open-Source Facebook Alternative'>Diaspora &#8211; Open-Source Facebook Alternative</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Open source <a href="http://www.hotscripts.com/category/scripts/ruby-on-rails/">Ruby on Rails</a> applications are rare but with some drilling down, you can uncover some really great ones. <a href="https://www.chiliproject.org/">ChiliProject</a> is one of them. It is a web-based project management system that allows your team to control the complete life cycle of a project from start to finish. You can set up and discuss project plans, track issues, report work progress and share files.</p>
<p><a href="https://www.chiliproject.org/"><img class="aligncenter  wp-image-2524" title="chilliproject-screenshot" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/chilliproject-screenshot.png" alt="" width="541" height="286" /></a></p>
<p>Here are some of the great features you&#8217;ll find in ChiliProject:</p>
<ol>
<li>Ability to set up a roadmap for your project with related tasks and deadlines.</li>
<li>Map your roadmap in a Grantt chart.</li>
<li>Report and track issues (includes automated email notification and activity feeds).</li>
<li>Collaborate on content using its wiki.</li>
<li>Integration with code repositories like Subversion or Git.</li>
<li>Share and update documents and files.</li>
<li>Track time spent on tasks.</li>
<li>Discuss projects with internal and external peers using the forum feature.</li>
</ol>
<p>You can also add extra features to support your needs by using 3rd-party plugins. For more Ruby on Rails applications, visit our dedicated <a href="http://www.hotscripts.com/category/scripts/ruby-on-rails/scripts-programs/">Ruby on Rails application</a>s category.</p>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/chiliproject-ruby-rails-project-management-system/">ChiliProject &#8211; A Ruby on Rails Project Management System</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/client-project-management-scripts-for-freelancers/' rel='bookmark' title='Client &amp; Project Management Scripts for Freelance Developers &amp; Designers'>Client &#038; Project Management Scripts for Freelance Developers &#038; Designers</a></li>
<li><a href='http://www.hotscripts.com/blog/generate-web-project-templates/' rel='bookmark' title='Generate Web Project Templates with Deploy'>Generate Web Project Templates with Deploy</a></li>
<li><a href='http://www.hotscripts.com/blog/diaspora-opensource-facebook-alternative/' rel='bookmark' title='Diaspora &#8211; Open-Source Facebook Alternative'>Diaspora &#8211; Open-Source Facebook Alternative</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/7SDrogzxIrc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/chiliproject-ruby-rails-project-management-system/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/chiliproject-ruby-rails-project-management-system/</feedburner:origLink></item>
		<item>
		<title>Flotr2 –  An HTML5 charts and graphs library</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/ep44iXk9cxQ/</link>
		<comments>http://www.hotscripts.com/blog/flotr2-html5-charts-graphs-library/#comments</comments>
		<pubDate>Mon, 13 Feb 2012 15:27:24 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[Around the Web]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2517</guid>
		<description><![CDATA[Flotr2 is a library for drawing HTML5 charts and graphs. It can generate line graphs, bar charts, pie charts and bubble charts. <p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/flotr2-html5-charts-graphs-library/">Flotr2 &#8211;  An HTML5 charts and graphs library</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/experimenting-with-html5/' rel='bookmark' title='Experimenting with HTML5'>Experimenting with HTML5</a></li>
<li><a href='http://www.hotscripts.com/blog/cooties-ide-creating-html5-animations/' rel='bookmark' title='Cooties &#8211; IDE for Creating HTML5 Animations'>Cooties &#8211; IDE for Creating HTML5 Animations</a></li>
<li><a href='http://www.hotscripts.com/blog/converting-vector-drawings-animations-html5/' rel='bookmark' title='Converting Vector Drawings and Animations to HTML5'>Converting Vector Drawings and Animations to HTML5</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.humblesoftware.com/flotr2/index">Flotr2</a> is a library for drawing <a href="http://www.hotscripts.com/category/scripts/html5/">HTML5</a> charts and graphs. It can generate line graphs, bar charts, pie charts and bubble charts. These graphs and charts are generated using HTML5&#8242;s canvas and work across several desktop and mobile browsers.</p>
<p><a href="http://www.humblesoftware.com/flotr2/index"><img class="aligncenter  wp-image-2519" title="flotr2" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/flotr2.png" alt="" width="543" height="246" /></a></p>
<p>Flotr2 is a fork of the Flotr project without the Prototype library dependency and includes some extra enhancements. It doesn’t rely on any external library and its built-in framework has a great API that you can leverage to build new graph types. Once you provide the data points, the application will automatically calibrate the scale of your axes. Graphs can be zoomed and downloaded as PNG or JPG images.</p>
<p>For more HTML5 applications, please visit our <a href="http://www.hotscripts.com/category/scripts/html5/html5-applications/">HTML5 applications</a> category.</p>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/flotr2-html5-charts-graphs-library/">Flotr2 &#8211;  An HTML5 charts and graphs library</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/experimenting-with-html5/' rel='bookmark' title='Experimenting with HTML5'>Experimenting with HTML5</a></li>
<li><a href='http://www.hotscripts.com/blog/cooties-ide-creating-html5-animations/' rel='bookmark' title='Cooties &#8211; IDE for Creating HTML5 Animations'>Cooties &#8211; IDE for Creating HTML5 Animations</a></li>
<li><a href='http://www.hotscripts.com/blog/converting-vector-drawings-animations-html5/' rel='bookmark' title='Converting Vector Drawings and Animations to HTML5'>Converting Vector Drawings and Animations to HTML5</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/ep44iXk9cxQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/flotr2-html5-charts-graphs-library/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/flotr2-html5-charts-graphs-library/</feedburner:origLink></item>
		<item>
		<title>Hovercard – A jQuery plugin to display inline info</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/9qOVy0PN3FA/</link>
		<comments>http://www.hotscripts.com/blog/hovercard-jquery-plugin-display-inline-info/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 15:09:48 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[Around the Web]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2510</guid>
		<description><![CDATA[Hovercard is a lightweight jQuery plugin that allows you to display related information when a link, image or any other HTML elements are hovered upon. <p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/hovercard-jquery-plugin-display-inline-info/">Hovercard &#8211; A jQuery plugin to display inline info</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/image-showcase-jquery/' rel='bookmark' title='Beyond Traditional Image Showcase with jQuery'>Beyond Traditional Image Showcase with jQuery</a></li>
<li><a href='http://www.hotscripts.com/blog/jquery-mobile-framework-released/' rel='bookmark' title='jQuery Mobile Framework Released'>jQuery Mobile Framework Released</a></li>
<li><a href='http://www.hotscripts.com/blog/sharrre-social-media-sharing-widgets-easy/' rel='bookmark' title='Sharrre – Social Media Sharing Widgets Made Easy'>Sharrre – Social Media Sharing Widgets Made Easy</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://designwithpc.com/Plugins/Hovercard">Hovercard</a> is a lightweight<a href="http://www.hotscripts.com/category/scripts/javascript/javascript-frameworks/jquery-plugins/"> jQuery plugin</a> that allows you to display related information when a link, image or any other HTML elements are hovered upon. Also commonly referred to as tooltips, these in-line boxes provide a great way to return relevant information all the while keeping your visitors on the same page. They can be really handy when displaying people&#8217;s bio information, book author and pricing details, or loading other contextual information on-the-fly.</p>
<p><a href="http://designwithpc.com/Plugins/Hovercard"><img class="aligncenter size-full wp-image-2511" title="inplace-preview" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/inplace-preview.png" alt="" width="634" height="313" /></a></p>
<p>Hovercard uses minimum CSS and can support any HTML content &#8211; you can mix text with images and can style them accordingly. The most recent version has built-in Twitter and Facebook hovercards functionality whereby which recent Tweets or Facebook account details for a person or group are fetched and rendered in the hovercard automatically.</p>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/hovercard-jquery-plugin-display-inline-info/">Hovercard &#8211; A jQuery plugin to display inline info</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/image-showcase-jquery/' rel='bookmark' title='Beyond Traditional Image Showcase with jQuery'>Beyond Traditional Image Showcase with jQuery</a></li>
<li><a href='http://www.hotscripts.com/blog/jquery-mobile-framework-released/' rel='bookmark' title='jQuery Mobile Framework Released'>jQuery Mobile Framework Released</a></li>
<li><a href='http://www.hotscripts.com/blog/sharrre-social-media-sharing-widgets-easy/' rel='bookmark' title='Sharrre – Social Media Sharing Widgets Made Easy'>Sharrre – Social Media Sharing Widgets Made Easy</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/9qOVy0PN3FA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/hovercard-jquery-plugin-display-inline-info/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/hovercard-jquery-plugin-display-inline-info/</feedburner:origLink></item>
		<item>
		<title>Joomla! 2.5 Released with Extra Features</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/5Rundvkmms4/</link>
		<comments>http://www.hotscripts.com/blog/joomla-25-released-extra-features/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 10:56:12 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[Around the Web]]></category>
		<category><![CDATA[joomla]]></category>
		<category><![CDATA[release]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2501</guid>
		<description><![CDATA[Joomla!, one of the most popular PHP-based open source content management system (CMS) went through a major upgrade with their version 2.5 release. Along with the new features such as advanced search and automatic notification...<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/joomla-25-released-extra-features/">Joomla! 2.5 Released with Extra Features</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/wordpress-32-released-faster-smoother-seamless/' rel='bookmark' title='WordPress 3.2 Released &#8211; Faster, Smoother &amp; Seamless'>WordPress 3.2 Released &#8211; Faster, Smoother &#038; Seamless</a></li>
<li><a href='http://www.hotscripts.com/blog/internet-explorer-9/' rel='bookmark' title='Internet Explorer 9.0 Preview Released'>Internet Explorer 9.0 Preview Released</a></li>
<li><a href='http://www.hotscripts.com/blog/jquery-mobile-framework-released/' rel='bookmark' title='jQuery Mobile Framework Released'>jQuery Mobile Framework Released</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.joomla.org/">Joomla!</a>, one of the most popular PHP-based open source content management system (<a href="http://www.hotscripts.com/category/scripts/php/scripts-programs/content-management/">CMS</a>) went through a major upgrade with their version 2.5 release. Along with the new features such as advanced search and automatic notification of Joomla core and extension updates, the Joomla! CMS now also supports MS SQL server as database. Previous versions of Joomla were compatible exclusively with MySQL databases.</p>
<p><img class="aligncenter size-full wp-image-2504" title="screens" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/02/screens1.png" alt="" width="557" height="351" /></p>
<p>Joomla!&#8217;s search engine feature now handles better natural language search and auto-completion. The new automatic update mimics WordPress built-in notification and update system whereby which site administrators are notified of new updates for Joomla! as well as third party extensions they have installed. The updates can be performed right from the administrative control panel.</p>
<p>According to <a href="www.waterandstone.com/book/2011-open-source-cms-market-share-report">water&amp;stone&#8217;s 2011 CMS market share report</a>, Joomla ranks second, just behind WordPress in terms of overall weekly download. The overall adoption rate of Joomla has also increased significantly since August 2011 when the community released version 1.7 that expanded Joomla!’s functionality to handle more than just web content.</p>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/joomla-25-released-extra-features/">Joomla! 2.5 Released with Extra Features</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/wordpress-32-released-faster-smoother-seamless/' rel='bookmark' title='WordPress 3.2 Released &#8211; Faster, Smoother &amp; Seamless'>WordPress 3.2 Released &#8211; Faster, Smoother &#038; Seamless</a></li>
<li><a href='http://www.hotscripts.com/blog/internet-explorer-9/' rel='bookmark' title='Internet Explorer 9.0 Preview Released'>Internet Explorer 9.0 Preview Released</a></li>
<li><a href='http://www.hotscripts.com/blog/jquery-mobile-framework-released/' rel='bookmark' title='jQuery Mobile Framework Released'>jQuery Mobile Framework Released</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/5Rundvkmms4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/joomla-25-released-extra-features/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/joomla-25-released-extra-features/</feedburner:origLink></item>
		<item>
		<title>Open-Source Clone Scripts of Popular Websites</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/TGDEXuJKEj8/</link>
		<comments>http://www.hotscripts.com/blog/open-source-clone-scripts/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 01:04:13 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[HotLists]]></category>
		<category><![CDATA[clone]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2466</guid>
		<description><![CDATA[Our feature article for this month takes a look at free open-source clone scripts of popular websites, with a whopping list of over 20 clone scripts reviewed for you.<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/open-source-clone-scripts/">Open-Source Clone Scripts of Popular Websites</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/clone-scripts/' rel='bookmark' title='Clone Scripts &#8211; Misconceptions and Uses'>Clone Scripts &#8211; Misconceptions and Uses</a></li>
<li><a href='http://www.hotscripts.com/blog/11-popular-open-source-enterprise-software/' rel='bookmark' title='11 Popular Open Source Enterprise Software'>11 Popular Open Source Enterprise Software</a></li>
<li><a href='http://www.hotscripts.com/blog/top-5-free-opensource-shopping-carts/' rel='bookmark' title='Top 5 Free Open-Source Shopping Carts'>Top 5 Free Open-Source Shopping Carts</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Our feature article for this month takes a look at free open-source clone scripts of popular websites, with a whopping list of over 20 clone scripts reviewed for you.</p>
<h2 id="toc-twitter-clone-scripts">Twitter Clone Scripts</h2>
<p><strong>ShareTronix</strong></p>
<p><a href="sharetronix.com/sharetronix/"><img class="aligncenter size-full wp-image-2468" title="sharetronix" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/sharetronix.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://sharetronix.com/sharetronix/">ShareTronix</a> is an open source microblogging platform with features aplenty. It supports all the features you’re already accustomed with on Twitter and also includes a lot of extra functionalities aimed at enterprise-level microblogging. As with most applications of this type, you’ll find support for status update, real-time dashboard with network activity, groups, search and content tagging. ShareTronix takes status updates beyond text and allow you to attach pictures, videos and other files to your posts to make your conversation more engaging. Some other nice features that caught my attention are real-time RSS aggregation, a powerful search powered by Sphinx, LDAP authentication support, and great integration with Twitter and Facebook.</p>
<p><strong>PeoplePods</strong></p>
<p><a href="http://peoplepods.net/"><img class="aligncenter size-full wp-image-2469" title="peoplepods" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/peoplepods.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://peoplepods.net/">PeoplePods</a> is a social software toolkit aimed at building applications where people meet, talk, share, read, work and explore. Based on the foundation of Twitter-like features, registered members can create their own profile, follow others and join public or private groups. PeoplePods has overtime matured in a really stable platform and now powers a couple of great communities, with <a href="http://neighborgoods.net/">NeighborGoods.net</a> being my favorite.</p>
<p><strong>StatusNet</strong></p>
<p><a href="http://status.net/"><img class="aligncenter size-full wp-image-2470" title="statusnet" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/statusnet.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://status.net/">StatusNet</a> is an enterprise social network application available as a hosted or on the premise solution. Based in PHP and mySQL, this microblogging application allows its members to ask questions, share information and read posts in real-time. It has support for groups, topics, activity streams, search, etc. The best thing about StatusNet is that it is open source and there are multiple plugins and extensions available to customize the site to your needs.</p>
<p><strong>Twitter Script</strong></p>
<p><a href="http://www.twitter-script.com/"><img class="aligncenter size-full wp-image-2471" title="twitterscript" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/twitterscript.jpg" alt="" width="480" height="200" /></a><a href="http://www.twitter-script.com/">Twitter Script</a> is a free PHP application that allows you to run your own microblogging web site just like Twitter and Jaiku. It has multi-language support, comes with a template system that is easy to customize and makes great use of AJAX to provide a responsive experience.</p>
<h2 id="toc-digg-mixx-and-reddit-clone-scripts">Digg, Mixx and Reddit Clone Scripts</h2>
<p><strong>Pligg</strong></p>
<p><a href="http://pligg.com/"><img class="aligncenter size-full wp-image-2473" title="pligg" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/pligg.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://pligg.com/">Pligg</a> was the first Digg clone released a couple of years ago and is still actively maintained by a group of enthusiast and developers. Users can submit and vote on news article and top voted articles make it to the top of the homepage of your Pligg site. It has support for RSS subscription, groups, private messaging, commenting, etc. Pligg is powered by the Smarty template system, which makes it easier for skinning.</p>
<p><strong>PHPDug</strong></p>
<p><a href="http://www.kubelabs.com/phpdug/"><img class="aligncenter size-full wp-image-2474" title="phpdug" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/phpdug.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.kubelabs.com/phpdug/">PHPDug</a> is a lightweight Digg clone that is easy to setup and maintain. It has great multilingual support and sports a minimalist but clean design. It has the ability to automatically add stories from RSS feed and can also generate on-the-fly thumbnails for YouTube and Google videos.</p>
<h2 id="toc-youtube-clone-scripts">YouTube Clone Scripts</h2>
<p><strong>PHPMotion</strong></p>
<p><a href="http://phpmotion.com/"><img class="aligncenter size-full wp-image-2475" title="phpmotion" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/phpmotion.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://phpmotion.com/">PHPmotion</a> is a free video sharing application that mimics YouTube to some extend. Your members can upload videos, and add description/tags. Videos can, in turn, be embedded on 3<sup>rd</sup>-party web sites. PHPmotion will automatically convert your movies into FLV – it can handle .mpg. .avi, .divx and other video formats. Other than videos, PHPmotion can be used as an image or audio sharing platform.</p>
<p><strong>Clip Bucket</strong></p>
<p><a href="http://clip-bucket.com/"><img class="aligncenter size-full wp-image-2476" title="clipbucket" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/clipbucket.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://clip-bucket.com/">ClipBucket</a> is an open source multimedia management script provided free to the community. This script comes with all the bells &amp; whistles required to start your own video sharing web site like YouTube, DailyMotion or MetaCafe. The script is constantly updated to provide the most versatile, reliable and scalable media distribution platform with the latest social networking features.</p>
<h2 id="toc-facebook-clone-scripts">Facebook Clone Scripts</h2>
<p><strong>BuddyPress</strong></p>
<p><a href="buddypress.org"><img class="aligncenter size-full wp-image-2478" title="buddypress" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/buddypress.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://buddypress.org/">BuddyPress</a> is a collection of multiple WordPress plugins and themes that transform an installation of WordPress into a social networking platform. It has all features you’d expect to let your members socially interact. Each registered member gets a personal blog and an extended profile page with his list of friends and groups. Members can private messages each other or leave short messages on each other’s <em>wire</em>.</p>
<p><strong>Elgg</strong></p>
<p><a href="http://www.elgg.org/index.php"><img class="aligncenter size-full wp-image-2479" title="elgg" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/elgg.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.elgg.org/index.php">Elgg</a> is an award-winning open source social networking engine that provides a robust framework on which to build all kinds of social environments, from a campus wide social network for your university, school or college or an internal collaborative platform for your organization through to a brand-building communications tool for your company and its clients.</p>
<p><strong>Oxwall</strong></p>
<p><a href="http://www.oxwall.org"><img class="aligncenter size-full wp-image-2480" title="oxywall" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/oxywall.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.oxwall.org/">Oxwall</a> is a flexible and easy to use PHP/mySQL community software platform. It comes with some great features like photo and video sharing, blogs, forums, wiki, groups, events, privacy control, etc. Oxwall also has some great plugins and themes to allow you to further customize your social site.</p>
<h2 id="toc-groupon-clone-script">Groupon Clone Script</h2>
<p><strong>NDOT Deals</strong></p>
<p><a href="http://www.ndot.in/products/ndotdeals-opensource-groupon-clone"><img class="aligncenter size-full wp-image-2481" title="ndotgroupons" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/ndotgroupons.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.ndot.in/products/ndotdeals-opensource-groupon-clone">NDOT Deals</a> is unfortunately the only free open source Groupon clone application that I could locate. It allows you to start your own group buying web site. Some of the features includes mobile version of the site, affiliates integration, payment gateway integration, free themes and social media integration. Please take note that the free version is very limited in terms of features.</p>
<h2 id="toc-google-calendar-clone-script">Google Calendar Clone Script</h2>
<p><strong>wdCalendar</strong></p>
<p><strong><a href="http://www.web-delicious.com/jquery-plugins/#calendar"><img class="aligncenter size-full wp-image-2482" title="wdcalendar" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/wdcalendar.jpg" alt="" width="480" height="200" /></a></strong></p>
<p><a href="http://www.web-delicious.com/jquery-plugins/#calendar">wdCalendar</a> is a JQuery-based Google Calendar clone. The interface makes great use of AJAX to provide a responsive interface with drag-and-drop functionalities. The calendar can be set to daily/weekly/monthly view.</p>
<h2 id="toc-stackoverflow-yahoo-answers-clone-scripts">StackOverflow / Yahoo Answers Clone Scripts</h2>
<p><strong>Question2Answer</strong></p>
<p><a href="http://www.question2answer.org/"><img class="aligncenter size-full wp-image-2483" title="question2answer" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/question2answer.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.question2answer.org/">Question2Asnwer</a> is a free and open source platform for Q&amp;A communities similar to StackOverflow or Yahoo Answers. It is based in PHP and mySQL and is very easy to install. Question2Asnwer has some great community engagement tools like commenting, voting, email notification, user points and rankings. If you use WordPress, please take note that Question2Asnwer offers out-of-the-box integration with your existing WordPress site and user database.</p>
<p><strong>Coordino</strong></p>
<p><a href="http://coordino.com/"><img class="aligncenter size-full wp-image-2484" title="coordino" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/coordino.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://coordino.com/">Coordino</a> is based on the standard PHP/mySQL platform to provide a feature-rich question and answer system. You can use it to create a niche question and answer site or as a knowledge base solution for your Intranet. Some of its key features include user rewards, tagging, site administration and remote authentication.</p>
<p><strong>OSQA </strong></p>
<p><a href="http://www.osqa.net/"><img class="aligncenter size-full wp-image-2485" title="osqa" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/osqa.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.osqa.net/">OSQA</a> is a free open source Q&amp;A system written in Python and utilizes the Django application framework. It is more than a mere Q&amp;A platform but comes with some decent features not found in other similar applications. Your members can for instance follow other people and topics and exchange private messages. There is also support for widgets to expand its functionality and most importantly its interface is sleek and usable.</p>
<h2 id="toc-photobucket-imageshack-clone-scripts">Photobucket / ImageShack Clone Scripts</h2>
<p><strong>Cheverato</strong></p>
<p><a href="http://chevereto.com/"><img class="aligncenter size-full wp-image-2486" title="chevereto" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/chevereto.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://chevereto.com/">Chevereto</a> is a free script, written in PHP, that lets you set up your own image hosting on your web server. It supports image upload either from your local computer or from a remote URL. Images uploaded can be set to automatically resize and you can set it to shorten the image URL using TinyURL web service.</p>
<p><strong>CF Image Host</strong></p>
<p><a href="http://www.codefuture.co.uk/projects/imagehost/"><img class="aligncenter size-full wp-image-2487" title="cfimagehost" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/cfimagehost.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.codefuture.co.uk/projects/imagehost/">CF Image Host</a> is a free, simple and easy to use PHP Image hosting script, which aims to make it easy to setup and maintain a photo/image hosting/sharing site. With thumbnails and social bookmarking links generated for each image, sharing your images or photos across the web couldn&#8217;t be made any easier.</p>
<h2 id="toc-dropbox-clone-script">Dropbox Clone Script</h2>
<p><strong>SparkleShare</strong></p>
<p><a href="http://sparkleshare.org/"><img class="aligncenter size-full wp-image-2488" title="sparkleshare" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/sparkleshare.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://sparkleshare.org/">SparkleShare</a> is a free open source collaboration and sharing tool similar to Dropbox. You can store files on your hosting account and share them with others. Documents are synchronized to all your peers when changes are made. You will also be notified via its desktop client (available for Mac, Windows, Linux and Android) when someone has made a change.</p>
<h2 id="toc-tinyurl-clone-scripts">TinyURL Clone Scripts</h2>
<p><strong>YOURLS</strong></p>
<p><a href="http://yourls.org/"><img class="aligncenter size-full wp-image-2489" title="yourls" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/yourls.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://yourls.org/">YOURLS</a> is a small set of PHP scripts that will allow you to run your own URL shortening service (<em>a la</em> TinyURL). You can make it private or public, you can pick custom keyword URLs, it comes with its own API. It also includes some really great analytics like historical click reports, referrals tracking, and visitors’ geo-location.</p>
<p><strong>lilURL </strong></p>
<p><a href="http://lilurl.sourceforge.net/"><img class="aligncenter size-full wp-image-2490" title="lilurl" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/lilurl.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://lilurl.sourceforge.net/">lilURL</a> is a simple PHP/ mySQL script for generating short URLs. It&#8217;s similar to TinyURL, Shorl, MakeAShorterLink, etc, but you can run it on your own server.</p>
<h2 id="toc-popurls-clone-script">PopURLs Clone Script</h2>
<p><strong>NewsBlock</strong></p>
<p><strong></strong><a href="http://simplepie.org/wiki/tutorial/how_to_replicate_popurls"><img class="aligncenter size-full wp-image-2491" title="newsblock" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/newsblock.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://simplepie.org/wiki/tutorial/how_to_replicate_popurls">NewsBlock</a> is a free PHP script that allows you to replicate functionalities of PopURLs. This script leverages SimplePie’s RSS feed parsing capabilities to return multiple feeds from various website with each one having its own block on the homepage.</p>
<h2 id="toc-del-icio-us-clone-script">Del.icio.us Clone Script</h2>
<p><strong>GetBoo</strong></p>
<p><a href="http://www.getboo.com/"><img class="aligncenter size-full wp-image-2492" title="getboo" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/getboo.jpg" alt="" width="480" height="200" /></a></p>
<p><a href="http://www.getboo.com/">GetBoo</a> is a PHP-based del.icio.us clone with a decent bookmarking system that can support both social (with tags) and private (with folders) bookmarks. It has a feature that will allow your users to import and export their bookmark from their browsers. The admin console includes spam protection, transaction, bookmarklets, RSS feeds, and more.</p>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/open-source-clone-scripts/">Open-Source Clone Scripts of Popular Websites</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/clone-scripts/' rel='bookmark' title='Clone Scripts &#8211; Misconceptions and Uses'>Clone Scripts &#8211; Misconceptions and Uses</a></li>
<li><a href='http://www.hotscripts.com/blog/11-popular-open-source-enterprise-software/' rel='bookmark' title='11 Popular Open Source Enterprise Software'>11 Popular Open Source Enterprise Software</a></li>
<li><a href='http://www.hotscripts.com/blog/top-5-free-opensource-shopping-carts/' rel='bookmark' title='Top 5 Free Open-Source Shopping Carts'>Top 5 Free Open-Source Shopping Carts</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/TGDEXuJKEj8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/open-source-clone-scripts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/open-source-clone-scripts/</feedburner:origLink></item>
		<item>
		<title>Sharrre – Social Media Sharing Widgets Made Easy</title>
		<link>http://feedproxy.google.com/~r/HotScriptsBlog/~3/fEmWx6TDuqE/</link>
		<comments>http://www.hotscripts.com/blog/sharrre-social-media-sharing-widgets-easy/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 12:46:28 +0000</pubDate>
		<dc:creator>Ahmad Permessur</dc:creator>
				<category><![CDATA[Around the Web]]></category>

		<guid isPermaLink="false">http://www.hotscripts.com/blog/?p=2459</guid>
		<description><![CDATA[Sharrre is a jQuery plugin that allows you to create and personalize uniform sharing widgets for popular social networking sites like Facebook, Twitter, Google Plus, LinkedIn and more.<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/sharrre-social-media-sharing-widgets-easy/">Sharrre – Social Media Sharing Widgets Made Easy</a></p>

Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/uservoice-customer-feedback/' rel='bookmark' title='UserVoice &#8211; Customer feedback made easy!'>UserVoice &#8211; Customer feedback made easy!</a></li>
<li><a href='http://www.hotscripts.com/blog/7-social-applications-site/' rel='bookmark' title='7 Useful Social Applications for your Web Site'>7 Useful Social Applications for your Web Site</a></li>
<li><a href='http://www.hotscripts.com/blog/avactis-easy-shopping-cart-small-business/' rel='bookmark' title='Avactis &#8211; Easy Shopping Cart for Small Business'>Avactis &#8211; Easy Shopping Cart for Small Business</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>By now, you probably understand and value the importance of social media as a catalyst for driving more traffic and engagement to your site. <a href="www.hotscripts.com/blog/facebook-twitter-website-integrations/">Integrating social media on your site</a> takes only a few minutes — most social networking sites provide snippets of HTML or JavaScript code that you can simply copy and paste to your template file(s). One thing I find frustrating about these sharing buttons is that they all sport a different size and style, so customizing them to match the theme of your site or positioning them properly is such a pain.</p>
<p>Luckily, there&#8217;s now a sleek, lightweight, and feature-rich plugin called <a href="http://sharrre.com">Sharrre</a> that ends this frustration. Sharrre is a <a href="www.hotscripts.com/category/scripts/javascript/javascript-frameworks/jquery-plugins/">jQuery plugin</a> that allows you to create and personalize uniform sharing widgets for popular social networking sites like Facebook, Twitter, Google Plus, LinkedIn and more. All Sharrre&#8217;s buttons are similar in size and design style and use API to fetch real-time sharing counts across different social networking sites.</p>
<p><img class="aligncenter size-full wp-image-2460" title="sharre-screen" src="http://www.hotscripts.com/blog/wp-content/uploads/2012/01/sharre-screen.png" alt="" width="484" height="354" /></p>
<p>The script comes with different pre-built styles and also includes a total sharing count aggregation feature. Sharrre also includes support for Google Analytics social tracking and works across most popular browsers.</p>
<p>Post from: <a href="http://www.hotscripts.com/blog">Hot Scripts Blog</a><br/><br/><a href="http://www.hotscripts.com/blog/sharrre-social-media-sharing-widgets-easy/">Sharrre – Social Media Sharing Widgets Made Easy</a></p>
<p>Related posts:<ol>
<li><a href='http://www.hotscripts.com/blog/uservoice-customer-feedback/' rel='bookmark' title='UserVoice &#8211; Customer feedback made easy!'>UserVoice &#8211; Customer feedback made easy!</a></li>
<li><a href='http://www.hotscripts.com/blog/7-social-applications-site/' rel='bookmark' title='7 Useful Social Applications for your Web Site'>7 Useful Social Applications for your Web Site</a></li>
<li><a href='http://www.hotscripts.com/blog/avactis-easy-shopping-cart-small-business/' rel='bookmark' title='Avactis &#8211; Easy Shopping Cart for Small Business'>Avactis &#8211; Easy Shopping Cart for Small Business</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/HotScriptsBlog/~4/fEmWx6TDuqE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hotscripts.com/blog/sharrre-social-media-sharing-widgets-easy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hotscripts.com/blog/sharrre-social-media-sharing-widgets-easy/</feedburner:origLink></item>
	</channel>
</rss>

