jQuery Boilerplate For Kickass jQuery Plugin Development

jQuery Boilerplate is a skeletal framework for getting started with jQuery plugin development in minutes. The jQuery Boilerplate is object oriented and implements public, private methods and as well as public, private properties. Using the boilerplate, jQuery learners can get started with plugin development without having to start coding from the scratch. Personally I am a big fan of these boilerplates and I hope to see many more like this to come up in the future to simplify web development works.

jQuery BoilerplateHere is an usage example

$(document).ready(function() {

   // attach the plugin to an element
   $('#hello').pluginName({'foo': 'bar'});

   // call a public method
   $('#hello').data('pluginName').foo_public_method();

   // get the value of a property
   $('#hello').data('pluginName').settings.foo;

});

I love this, if you too love this, say hi to the people behind this jQuery Boilerplate Zeno Rocha (@zenorocha) and Stefan Gabos (@stefangabos)

Also read

Mintbar – An Opensource Notification/Subscription Bar

How To Create Modal Subscribe Box Using jQuery

July 28, 2011. This entry was posted in jQuery, Web Resources and tagged , , , . Bookmark the permalink.

We Recommend HostGator Hosting

Bloggermint strongly recommends Hostgator Hosting for all of your web hosting needs. Sign up today for WordPress Hosting at just $4.95/month.

Use coupon code "bloggermint" to get 25% discount on any hosting packages. Get an account with Hostgator now!

3 Responses so far!

  1. This makes no sense whatsoever, jQuery Boiler Plate doesn’t implement “data()”.

  2. Kim Christiansen

    Hi,
    i am also using jqueryboilerplate – it’s awesome!
    But i don’t understand your method call $(‘#hello’).data(‘pluginName’).foo_public_method();
    Like Shawn said, ‘data’ is not implemented. So how is it possible to call a method inside the plugin?

  3. Kim Christiansen

    …now i understand.
    $(‘#hello’).data(‘plugin_[pluginName]‘).foo_public_method();
    GREAT!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>