Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery Plugins vs UI vs some alternative

I've been building a web app using jQuery as much as possible. Every time I need to add some new feature, I usually search for a jQuery plugin that does what I need, then I integrated it into my web app. Of course after a while this application becomes very cluttered with all these "random" plugins from different authors, each one having different coding style, naming convention, etc. I would really prefer to use one uniform UI library or framework. I am looking at jQuery UI, but frankly I am not impressed. Although jQuery Tools (http://flowplayer.org/tools/download.html) looks kind of nice. Does anyone have any experience with any of these?

Do you have any other suggestions? Not just regarding what UI frameworks to use, but your thoughts regarding dealing with cluttering web applications with different UI plugins in general.

Thanks

like image 348
WebMatrix Avatar asked Jan 04 '10 20:01

WebMatrix


People also ask

Is jQuery ui a plugin?

UI stands for User interface, It is a set of plug-ins for jQuery that adds new functionalities to the jQuery core library. The set of plug-ins in JqueryUI includes interface interactions, effects, animations, widgets, and themes built on top of jQuery JavaScript Library.

What are jQuery plugins?

A jQuery plugin is simply a new method that we use to extend jQuery's prototype object. By extending the prototype object you enable all jQuery objects to inherit any methods that you add. As established, whenever you call jQuery() you're creating a new jQuery object, with all of jQuery's methods inherited.

Which of the following jQuery based framework can help you create a user interface for your project?

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.


2 Answers

There is not a ton of movement to make a bunch of less fragmented ui libraries for jquery. I think many people are beginning to follow a pretty regimented style as far as authoring style goes, and most of the time, good plugins play together very nicely.

Specifically - Mike Alsup's pattern, described here:

http://www.learningjquery.com/2007/10/a-plugin-development-pattern

is one that is very uniform across most popular plugins. If you notice a plugin follows this pattern, you can have more confidence that it works the way you think you'd want it to.

However, there might be one more alternative for you - ExtJS ( http://www.extjs.com/ ) can be used as a UI library on top of jQuery. Just include jQuery, then the ext-jquery apapter file, and then the extjs ui library. This will give you the entire extjs UI library (which is very uniform and tested), and still give you all the core jQuery access that you want, as well as other plugin possibilities.

Hope that helps.

like image 64
Alex Sexton Avatar answered Oct 19 '22 07:10

Alex Sexton


I invite you to check out Ninja User Interface, the jQuery plugin for lethal interaction. A single JavaScript file to include and you get beautiful unobtrusive user interface objects. We just released version 1.0!

http://ninjaui.com

like image 7
Jamie Avatar answered Oct 19 '22 05:10

Jamie