5 New Useful jQuery Plugins For Your Next Projects

5 New Useful jQuery Plugins For Your Next Projects


Spread it!

  • Share

This entry is in jQuery Plugins series that the readers love very much. Today, I would like to recommend you 5 new and useful jQuery Plugins that you should consider using for your next projects. Check out other posts in this series if you want more enjoyment.

MopBox

MopBox is similar to other jQuery box plugins. It overlays the DIV content, flash, image … on the current page. The display box can be moved by dragging and video and most interesting is the box have an awesome scroll-bar to change the display. It has been tested and works with all current major web browsers.

This plugin requires jQuery UI to enable draggable, resizeable features.

Basic Usage:

<script type="text/javascript">
  $(document).ready(function(){
    $("#demoBtn").mopBox({'target':'#demo', 'w':270, 'h':240});
  });
</script>

Source: mopstudio (Japanese)

Roundabout

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. Using Roundabout to animate your static HTML elements: turn-around, make a wheel… or even an angry man.

Basic Usage:

<script type="text/javascript">
   // <![CDATA[
   $(document).ready(function() {
      $('ul#myRoundabout').roundabout();
   }
   // ]]>
</script>

Source: Fred LeBlanc

Meerkat

Meerkat is a jQuery plugin created to slide or fade content in from the top or bottom of the browser window and remain in its fixed position while the rest of the page will scroll normally. It’s using cookie to track if users don’t want to show the content again.

Basic Usage:

<script type="text/javascript">
  $(document).ready(function(){
    meerkat({
        close: '.close-meerkat',
        meerkatPosition: 'bottom',
        animation: 'slide',
        animationSpeed: 'slow',
        height: '100px',
        background: '#463c30'
    });
  });
</script>

Source: Jarod Taylor

jquery.behavior

jQuery.Behavior helps you organize your JavaScript code into logical chunks called “behaviors”. It is a class that defines how a DOM object (and its contents, surroundings, etc.) will behave. Using behaviors, your complex web application can become a simple system of JavaScript classes.

Tutorial and Script by Rod Petrovic

jMaxInput

jMaxInput allows you to limit the input size of a textarea like it is done in Twitter. You already know how Twitter limits the input text by 140 chars, so this plugin help you to do the same.

Basic Usage:

<script type="text/javascript">
  $(document).ready(function(){
    $("#div").maxinput();
  });
</script>

Source: Codrops

  • 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.


37 User Comments

  1. FAQPAL 20. Dec, 2009 at 6:28 pm #

    Very nice list, I like the Maxinput one.

    Good share.

  2. Jason Palmer 20. Dec, 2009 at 7:36 pm #

    Very glad not to see yet another jQuery gallery plugin. Very nice, refreshing, list.

  3. Safique Ahmed Faruque 20. Dec, 2009 at 8:00 pm #

    nice list

  4. Smashing Share 21. Dec, 2009 at 12:28 am #

    Really useful. Thanks for sharing them

  5. Jaan 21. Dec, 2009 at 12:36 am #

    Nice post :)

  6. Lam Nguyen 21. Dec, 2009 at 2:08 am #

    Thank for your interesting :) Glad to know you enjoy this post!

  7. Joanna Vaiou 21. Dec, 2009 at 3:54 am #

    Wow, IT technology rocks, it’s a science that you never stop learning, great information about new pluggins, thanks!

  8. Simon 21. Dec, 2009 at 5:26 am #

    Thanks for your great list!

  9. Jenna Molby 21. Dec, 2009 at 2:03 pm #

    Great list, thanks for sharing!

  10. Romi 21. Dec, 2009 at 7:20 pm #

    great plug-in i bookmarked them i will use in my future projects

  11. 10V 21. Dec, 2009 at 7:56 pm #

    creative monster~, keep it up, budy~

  12. Destiny Islands 21. Dec, 2009 at 10:40 pm #

    Man jQuery can be so fun to implement onto new projects, great stuff!

  13. Roy 22. Dec, 2009 at 3:06 am #

    There are so many JQuery plugins that are constantly popping up. It’s nice to see a small usable list.

    Need to add a few of these to my stockpile of jquery stuff now.

  14. Vijay 22. Dec, 2009 at 4:40 am #

    RoundAbout is awesome.
    Thanks for this list.

  15. Andreas Grech 22. Dec, 2009 at 7:52 am #

    I have recently developed a jQuery plugin that allows you to easily add LaTeX to your website easily, given an equation.

    It’s called jsLaTeX and you can download it from here: http://knowledge-aholic.blogspot.com/2009/12/jslatex-jquery-plugin-to-directly-embed.html

    The plugin also allows you to change the default engine it uses to render the equation.

    Although it’s not the ‘flashiest’ of plugins, I think it’s very helpful for people who wish to embed LaTeX into their websites.

  16. SMiGL 22. Dec, 2009 at 1:23 pm #

    cood collection

  17. denbagus 24. Dec, 2009 at 8:42 pm #

    nice informat10n …thank you

  18. Kuswanto 26. Dec, 2009 at 12:05 am #

    Meerkat is my favorite. Definitely use it for Navigation or promotion.

  19. Asfand Mudassir 26. Dec, 2009 at 10:33 pm #

    Great pulgins i will try to install in my blogspot.thanks for sharing these valuable plugins,

  20. Egypt Travel Portal 27. Dec, 2009 at 11:31 am #

    Thank you so much … i’m gonna use it in the next project :-)

  21. Matthieu Valézy 28. Dec, 2009 at 6:37 am #

    Thanks for this list, always fund of new pluggins =)

  22. Jon Osmond 02. Jan, 2010 at 11:07 am #

    Thank you!

Trackbacks/Pingbacks

  1. Tweets that mention 5 New Useful jQuery Plugins For Your Next Project | AEXT.NET -- Topsy.com - 20. Dec, 2009

    [...] This post was mentioned on Twitter by Lam Nguyen, Who Freelance. Who Freelance said: RT @prlamnguyen 5 New Useful jQuery Plugins For Your Next Project | AEXT.NET http://bit.ly/4qaMxa [...]

  2. uberVU - social comments - 20. Dec, 2009

    Social comments and analytics for this post…

    This post was mentioned on Twitter by prlamnguyen: 5 New Useful jQuery Plugins For Your Next Project | AEXT.NET http://bit.ly/4qaMxa...

  3. tripwire magazine | tripwire magazine - 20. Dec, 2009

    [...] 55 New Useful jQuery Plugins For Your Next Projects [...]

  4. 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET » Web Design - 21. Dec, 2009

    [...] 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET [...]

  5. 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET « Netcrema – creme de la social news via digg + delicious + stumpleupon + reddit - 21. Dec, 2009

    [...] 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NETaext.net [...]

  6. 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET : Popular Links : eConsultant - 21. Dec, 2009

    [...] here: 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET 20 December 2009 | Uncategorized | Trackback | del.icio.us | Stumble it! | View Count : 0 Next [...]

  7. CSS Brigit | 5 New Useful jQuery Plugins For Your Next Projects - 21. Dec, 2009

    5 New Useful jQuery Plugins For Your Next Projects…

    The recommendation of 5 new and useful jQuery Plugins that you should consider using for your next projects….

  8. 5 New Useful jQuery Plugins For Your Next Projects | TopRoundups - 21. Dec, 2009

    [...] 5 New Useful jQuery Plugins For Your Next Projects Submitted by lamnguyen [...]

  9. 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET | Squico - 21. Dec, 2009

    [...] In: JQuery plugins 22 Dec 2009 Go to Source [...]

  10. Heti események | I build websites - 22. Dec, 2009

    [...] Shared 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET. [...]

  11. 90+ New Community Posts for Designers and Developers | tripwire magazine - 22. Dec, 2009

    [...] 55 New Useful jQuery Plugins For Your Next Projects [...]

  12. 90+ New Community Posts for Designers and Developers | Programming Blog - 22. Dec, 2009

    [...] 55 New Useful jQuery Plugins For Your Next Projects [...]

  13. Napi okosságok – 2009/12/22 | Yloz féle zacc - 22. Dec, 2009

    [...] 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET [...]

  14. 5 New Useful jQuery Plugins For Your Next Projects | Design Newz - 27. Dec, 2009

    [...] 5 New Useful jQuery Plugins For Your Next Projects [...]

  15. 90+ New Community Posts for Designers and Developers | Afif Fattouh - Web Specialist - 05. Jan, 2010

    [...] 55 New Useful jQuery Plugins For Your Next Projects [...]

Leave a Reply

CommentLuv Enabled