1. Cherokee: Its a very light weight fast HTTP server and a very good replacement for the ageing Apache HTTPD. Cherokee has all the features that a modern HTTP server needs to have. Some of the features of Cherokee are:
   1. A beautiful and usable admin panel. Thanks to which we might not require an expensive control panel to configure Virtual Hosts on apache or to load a module on to apache. (Although a control panel might be required for other functions of the server like configuring DNS or SMTP)
   2. Very lightweight and has a small footprint on memory hence extremely fast
   3. It’s caching infrastructure. Another promising feature which makes it much more efficient in handling surges of traffic than Apache.
2. Ubuntu: Come on!! Every one knows Ubuntu is a Linux distro. But why did I be so specific in picking Ubuntu as the choice for the future stack? The reason is usability. No one in the open source community pays more heed to usability than the Ubuntu team. But why do we need usability in a server grade OS? The reason is simple, so that we need not spend hours fighting with rpm dependencies or compiling source or editing .conf files. Ubuntu has a very strong repository support and a very powerful package management system (the APT) which ensures that we can manage our servers with ease like a modern server OS.
3. MariaDB: A relatively new entrant to the scene. With the takeover of SUN by Oracle, the future of MySQL doesn’t look so bright. But eventually we will need something to replace MySQL with at-least the same or more features that it has. MariaDB is a fork of MySQL created by Michael Widenus (Monty), the creator of MySQL, which can act as a drop-in replacement for MySQL. It has some new features with the major being the inclusion of a new storage engine Maria Storage Engine which can be a much safer alternative to MyISAM. With the backing of the people who know the best about MySQL I am sure MariaDB is going to be the successor of MySQL
4. PHP: This is the only part of the equation which remains the same. Why? As a language PHP happens to be one of the easiest to learn and swiftest to deploy. More over availability of loads of popular and stable CMSs and Blogging softwares written on PHP has secured it in a better position to face the future. Hope the release of PHP 6 adds something more to our equation. Although I am bit disappointed with the fact that PHP 6 has been delayed now for almost over 4 years.

I expect CUMP to be the solution stack of the future.

Awaiting comments on this.

Demo: Click Here
Download: Click Here
Project Repository: Click Here

• In the head section add the following code:
  ^?View Code XML

  <link rel="stylesheet" href="stylesheets/jquery.sliding-menu.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <!-- jQuery UI is Optional. Its only required if using easing functions. --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> <script type="text/javascript" src="javascripts/jquery.sliding-menu.js"></script> <script type="text/javascript"> jQuery(function(){ jQuery('#HorizontalSlidingMenu .SlidingMenu').slidingMenu(); jQuery('#VerticalSlidingMenu .SlidingMenu').slidingMenu({ initialOpacity: 0.5 }); }); </script>

• Add the form in the body as shown below
  ^?View Code XML

  <div id="HorizontalSlidingMenu"> <ul class="SlidingMenu Horizontal"> <li><a href="#">First Link</a></li> <li><a href="#">Second Link</a></li> <li><a href="#">Third Link</a></li> <li><a href="#">Fourth Link</a></li> <li><a href="#">Fifth Link</a></li> </ul> </div> <div id="VerticalSlidingMenu"> <ul class="SlidingMenu"> <li><a href="#">First Link</a></li> <li><a href="#">Second Link</a></li> <li><a href="#">Third Link</a></li> <li><a href="#">Fourth Link</a></li> <li><a href="#">Fifth Link</a></li> </ul> </div>

That’s it you are done!

For advanced users:

Hope you liked the plugin. Awaiting your comments

If you liked the plugin please spread it for your friends to use and please rate it at http://plugins.jquery.com/project/jquery-sliding-menu

An important feature which I missed out in versions 1.0 and 1.1 has been added in this version. It is a callback option which can help make AJAX callbacks or any other callbacks when the form is successfully validated.

Now we can make callbacks on successful validation.
In this example I am making an AJAX post to post.php when the form is successfully validated. For this we just need to add the following to the head section of our HTML file

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="javascripts/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
            jQuery(function(){
                //The Validation as earlier
                jQuery("#<id of field to be validated>").validate({
                    expression: "if (<expression for validation>) return true; else return false;",
                    message: "<message on validation failure>"
                });
                //The callback for the form with ID FormID
                jQuery("#FormID").validated(function(){
                   jQuery.post("post.php", jQuery("#FormID").serialize(), function(data){ jQuery("#FormID").html(data); });
                });
            });
</script>

I have updated the advanced demo with an alert callback.

Advanced Demo: Click Here
Download: Click Here
Project Repository: Click Here

Hope this feature helps. And many thanks to Vayu for pointing out this important feature.

1. Validations of radio-buttons and check-boxes now possible
2. Added jquery.validation.functions.js to modularize addition of new validation functions.
3. New validation functions added
   1. isValidDate(year, month, day): It takes in three parameters the year(i.e. full year) of the date, the month of the date and the day part of the date and returns false if its not a valid date and true if valid. It includes checking of leap years. For example: 02-29-2008 will show as valid but 02-29-2009 as invalid.
   2. isChecked(id): It takes the id of the container containing the group of check-boxes or radio-buttons and returns false if none of the children were checked and true if at-least one was checked.

Advanced Demo: Click Here
Download: Click Here
Project Repository: Click Here

Demo: Click Here
Advanced Demo: Click Here
Download: Click Here
Project Repository: Click Here

• Supports custom validations
• Options to toggle between live and onsubmit validations
• Completely customizable CSS

• In the head section add the following code:
  ^?View Code XML

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="javascripts/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(function(){ jQuery("#<id of field to be validated>").validate({ expression: "if (<expression for validation>) return true; else return false;", message: "<message on validation failure>" }); }); </script>

• Add the form in the body as shown below
  ^?View Code XML

  <form action="" method="post"> <input type="text" name="<name of field to be validated>" id="<id of field to be validated>" /> <input type="submit" value="Submit" /> </form>

That’s it you are done!

For advanced users:

• expression: The javascript code which should have two outputs
  or . The value of the field is given by . As this is a string escape characters for backslash and other non standard characters must be used. (Default: return true;)
• message: The validation message for the field. (Default: “”)
• error_class: The CSS class of the error message container. (Default: “ValidationErrors”)
• error_field_class: The CSS class added to the field when found invalid. (Default: “ErrorField”)
• live: Sets whether the validation of the field should be live or on form submit. (Default: true)

Demo: Click Here
Download: Click Here
Project Repository: Click Here

• In your header section add the following:
  ^?View Code XML

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="javascripts/jquery.megamenu.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(".MegaMenuLink").megamenu(".MegaMenuContent", { width: "900px" }); }); </script>

  We can replace MegaMenuLink with the class of the menu links and MegaMenuContent with the class of the menu content. To have a flexible width of the megamenu just disable the width options or set width:”auto”.

• Next in your body add the following code:
  ^?View Code XML

  <a class="MegaMenuLink" href="javascript:void(0)">First Mega Menu</a> <div class="MegaMenuContent"> Menu Content goes here </div>

Enjoy the plugin and do not forget to comment about it here.