jQuery and its plugins for online applications

Selection of jQuery and other plugins to build professional web applications.

The JQuery Ajax framework is the most used. This does not make it the only choice, there are others which also have their advantages, but it helps to have a lot of plugins that extend its capabilities.
What interests us here are extensions to help make online applications for business.

List of plugins

Formly

To give a more professional touch to your forms without spending too much time manipulating style sheets. Even for a simple registration form ... Example below.

Handontable, the spreadsheet

Inserting a spreadsheet into a web page ... By combining this JavaScript framework with a table you create an interactive and dynamic spreadsheet by updating data, customization of values ​​according to user request. You can also use DataTable that has similar functions, or for a real spreadsheet, Ethercalc by Dan Bricklin the co-inventor of the spreadsheet.
Check compatibility with all browsers, especially on mobiles.

jqueryui.com

It is a set of plugins that facilitate interaction between user and application. This includes a calendar that appears when you have to give a date, form objects, user interface functions such as drag and drop, and many others.
Some of these functions are now provided by HTML 5 but not on all browsers. Canvas is required by the colorpicker, HTML 5 is therefore essential, but the implementation of canvas is broader than some functions.

Kalendae

To choose a date and fill an input field, from a calendar.

Charting

There are many graphing libraries for jQuery, line charts, bars or pie charts. I tried Flot in production and I appreciate the opportunities we have to customize all aspects of the graph. It is fairly easy to use.
It is not without drawbacks, however. The use of dates as data series is unnecessarily complicated, although it is a fairly common use.
We find an alternative to Flot in Flotr2 which removes the dependency to jQuery and provides a lighter code.

The simplest framework to make graphs is Sparkline. Simply insert in the page a list such as <span>1, 2, 3, 4, 5 </span> and call a function with the identifier of this element to obtain a graph in Canvas. Peity has less functions but make pie charts, and it is rather a gimmick.

These libraries do not support IE ​​prior to version 9. Another complete library that add this support is gRaphael. You can not not name D3.js a framework to visualize data in a variety of forms, a file of large size but correspondingly very complete. However it will take time to learn to use it.

Another method again is to generate graphs online as an image and insert the image in your page. See Canvas on this site.

JSPlumb

To create graphs composed of cards connected by pipes, as shown in the image ... There is a version for Mootools and YUI.

gMap

Script that facilitates the integration of Google Maps in a web application, to associate to an address.
You need to have a key to access the Maps service, and must also include the script from Google.
This tool is primarily used to facilitate the use and customize the display.
A Maps tutorial is given on this site.

Widgets

And to complete a GUI, some widgets ...

There are also many widgets that do not require jQuery, and can work along with it.

See also

Documentation