5 Fresh and Useful jQuery Plugins You Should Try

5 Fresh and Useful jQuery Plugins You Should Try


Spread it!

  • Share

We always look for new jQuery Plugins for using with our projects, because jQuery is easy to work with and there are a lot of plugins built for jQuery. This post contains 5 fresh and useful jQuery plugins that you should try for your next project.

1. jQuery maxImage

jQuery maxImage plugin

This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options.

IE6+ Compatibility: Yes and all modern browsers supported.

Your final <script> tag should look something like this.

<script>
$(document).ready(function(){
 $('img.className').maxImage({
  isBackground: true,
  verticalAlign: 'top'
 });
});
</script>

2. jQuery Approach

jQuery Approach

Approach is a jQuery plugin that allows you to animate style properties based on the cursor’s proximity to an object. It works in a very similar manner to jQuery animate, however it animates over distance instead of time.

IE6+ Compatibility: Yes, but it doesn’t work with CSS style opacity.

Your final <script> tag should look something like this.

<script>
$("a#demo-link").approach({
    "fontSize": "40px",
    "color": "#CC3300"

}, 200);
</script>

3. jQuery Plugin – imgBox

jQuery Plugin - imgBox

imgBox is a jQuery plugin that implements a smooth zoom effect on images.

IE6+ Compatibility: Yes, but it doesn’t work with CSS style opacity.

Your final <script> tag should look something like this.

<script>
$("a.zoom").imgbox({
	'zoomOpacity'	: true,
	'alignment'	: 'center'
});
</script>

4. CSSIE – CSS in your face

CSSIE - CSS in your face

Plugin for jQuery providing native support for missing CSS in IE such as:

* E > F (direct descendant)
* :hover (normally only available to a tags)
* E + F (sibling)
* [rel=attr] (attribute selection)
* :first-child and any other selectors containing : and supported by jQuery
* :focus

IE6+ Compatibility: Off course, and only IE need to apply.

Your final <script> tag should look something like this.

<script>
var test = true;
if(test) {
  $.cssie(true);
  $("link").remove();
} else {
  $.cssie();
}
</script>

5. ColorRating

A PHP/jQuery based 5-star Ajax rating script

A PHP/jQuery based 5-star Ajax rating script. ColorRating requires no database setup or administration as it comes with it’s own SQLite database, making deployment as easy as unzipping the files. ColorRating works with or without javascript, but requires jQuery for Ajax functionality.

Requirement: PDO extension for PHP.

Your final <script> tag should look something like this.

<link rel="stylesheet" type="text/css" href="rating/rating.css" media="screen"/>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" >google.load("jquery","1.3.2");</script>
<script type="text/javascript" src="rating/rating.js"></script>
<?php include('rating/rating.php'); ?>

..............

<?php rating_form("unique_table_name"); ?>
  • Digg This Post
  • Tweet This Post
  • Stumble This Post
  • Submit This Post To Delicious
  • Submit This Post To Reddit
  • Submit This Post To Mixx
  • Share on your Facebook
  • Submit this post to Dzone
  • Submit this post to Designbump
  • Submit this post to TheWebBlend

Author: Lam Nguyen

I'm Lam Nguyen, a 21 year old web developer writing about everything related to web design. I am owner of AEXT.NET and WhoFreelance.com Web Community News. You can catch me on twitter.


20 User Comments

  1. designfollow 09. Nov, 2009 at 6:26 pm #

    thanks for this great post

  2. clippingimages 09. Nov, 2009 at 7:17 pm #

    WoW :) Some nice collection of jquery plugins. Thanks for sharing this nice post.

  3. Vimal 09. Nov, 2009 at 10:56 pm #

    Good post, looking forward for more interesting stuffs.

  4. Steve 10. Nov, 2009 at 3:45 am #

    Nice post and great tips.

    Thanks

  5. Lam Nguyen 10. Nov, 2009 at 2:51 pm #

    Thanks for your interesting!

  6. Marco Barbosa 11. Nov, 2009 at 12:47 am #

    Nice!

  7. Eugene Carpet 13. Nov, 2009 at 11:26 am #

    Image width has always been an issue.

    Thanks

Trackbacks/Pingbacks

  1. Tweets that mention 5 Fresh and Useful jQuery Plugins You Should Try | AEXT.NET -- Topsy.com - 09. Nov, 2009

    [...] This post was mentioned on Twitter by Lam Nguyen, beetlegeuce. beetlegeuce said: RT @prlamnguyen: New Blog Post: 5 Fresh and Useful jQuery Plugins You Should Try http://bit.ly/3ikD3C [...]

  2. uberVU - social comments - 09. Nov, 2009

    Social comments and analytics for this post…

    This post was mentioned on Twitter by prlamnguyen: New Blog Post: 5 Fresh and Useful jQuery Plugins You Should Try http://bit.ly/3ikD3C...

  3. 5 Fresh and Useful jQuery Plugins You Should Try | TopRoundups - 10. Nov, 2009

    [...] 5 Fresh and Useful jQuery Plugins You Should Try Submitted by lamnguyen [...]

  4. 5 Fresh and Useful jQuery Plugins You Should Try | Design Newz - 10. Nov, 2009

    [...] 5 Fresh and Useful jQuery Plugins You Should Try [...]

  5. 5 Fresh and Useful jQuery Plugins You Should Try | AEXT.NET | Squico - 10. Nov, 2009

    [...] In: JQuery plugins 10 Nov 2009 Go to Source [...]

  6. CSS Brigit | 5 Fresh and Useful jQuery Plugins You Should Try - 10. Nov, 2009

    5 Fresh and Useful jQuery Plugins You Should Try…

    This post contains 5 fresh and useful jQuery plugins that you should try for your next project….

  7. 65+ Fresh Community Links to keep you busy | tripwire magazine - 12. Nov, 2009

    [...] 5 Fresh and Useful jQuery Plugins You Should Try [...]

  8. 65+ Fresh Community Links to keep you busy | Programming Blog - 12. Nov, 2009

    [...] 5 Fresh and Useful jQuery Plugins You Should Try [...]

  9. web form validation | WebDesignExpert.Me - 12. Nov, 2009

    [...] 5 fresh and useful jQuery plugins you should try – Link. [...]

  10. Notable Tech Posts – 2009.11.15 | The Life of Lew Ayotte - 15. Nov, 2009

    [...] 5 fresh and useful jQuery plugins you should try [...]

  11. 5个你应该尝试的有用的jQuery插件 - Hobo's Blog - 15. Nov, 2009

    [...] 预览:进入预览 下载:下载插件 英文原文:5 Fresh and Useful jQuery Plugins You Should Try AKPC_IDS += "5164,";Popularity: [...]

  12. Le blog de Thierry Faure » Blog Archive » Ressources Jquery, des plugins et des scripts - 16. Nov, 2009

    [...] http://aext.net/2009/11/5-fresh-and-useful-jquery-plugins-you-should-try/ [...]

  13. 65+ Fresh Community Links to keep you busy | Master Design - 17. Nov, 2009

    [...] 5 Fresh and Useful jQuery Plugins You Should Try [...]

Leave a Reply

CommentLuv Enabled