Overview of several new jQuery plugins
- Transfer
Quite often, I step on the same rake. Trying to complete a project as quickly as possible, I head off into the implementation of the necessary functionality. And after a week, I definitely come across a description of a library, framework or plugin, using which I could do my part of the job many times faster. In general, now I try to keep abreast of ready-made solutions in areas of interest to me. Recently, I often have to work with javascript and therefore, now I pay special attention to the jQuery library and its plugins. I must say that it is simply impossible to lose sight of such a variety of ready-made solutions. This article is based on the 50 Awesome New jQuery Plugins review that I read a couple of days ago.
![image](https://habrastorage.org/getpro/habr/post_images/e8c/dc5/60b/e8cdc560bf23786c521d2e994da2f307.png)
In different languages and cultures, the rules for writing common things like date, monetary values, and fractional numbers can vary greatly. The Globalization plugin allows you to process and convert these values to the desired format. It includes rules for 350 different cultures and languages.
Learn more, download
![image](https://habrastorage.org/getpro/habr/post_images/68c/404/889/68c404889972714bdebad50c61ebadf0.png)
The CLEditor plugin provides a lightweight, flexible, cross-browser WYSIWYG HTML editor that can be easily added to any page.
Learn more, download
The xcolor plugin is an easy-to-use jQuery library extension that provides tons of different color options. You can combine colors, get their monochrome versions, find out the nearest safe colors and much more. In addition, the plugin expands the capabilities of the animate method , allowing it to smoothly change the css properties specified by color values (for example, you can smoothly change the background color of an element). All colors can be set in various formats: RGB, HSV / HSB, HSL.
Learn more, download
A miniature library with which you can make the code of your ajax requests even simpler. For example, instead you can write Learn more, download
![image](https://habrastorage.org/getpro/habr/post_images/674/83c/97f/67483c97fc1a2d763377a45f0650ec6c.jpg)
The jdCrazyDots plugin creates an animation “data is being loaded” without resorting to using images (css and html only). This looks best in browsers that support CSS3, but it looks good in older versions as well.
Learn more, download
View in action
This plugin allows you to perform simple geometric transformations (bevels, scaling, rotations, movements) of html elements, both in browsers that support CSS3, and in older versions. Works in Firefox 3.5+, Safari 3.1+, Chrome, Opera 10.5+ and IE 5.5+.
Learn more, download
![image](https://habrastorage.org/getpro/habr/post_images/0e6/e55/529/0e6e55529498f3c634cf0c6eb9d8b3cb.jpg)
Cute Balloon allows you to create very effective stickers with the given content.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/223/a5e/3ad/223a5e3ad66d25d325917b6c782eed9d.jpg)
A plugin that uses Google Charts to build charts. It is very easy to use and allows you to create five types of charts: linear, area charts, bar charts, bar charts, and pie charts.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/d64/d8f/2c9/d64d8f2c973e13209f1a0e2fc79b29f2.jpg)
Using the DDchart plugin, you can build animated histograms based on the data specified in the JSON format.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/0de/69e/5c9/0de69e5c9bb8f5fe171804f9e42058d5.jpg)
Allows you to display animated notes.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/b39/b21/2c3/b39b212c34e11388312121adc2f61a28.jpg)
The plugin makes it easy and simple to add google maps to your site, as well as make some manipulations with them.
Learn more, download
Use cases
![image](https://habrastorage.org/getpro/habr/post_images/de5/f56/77d/de5f5677d502d6e5c6d0130db205ec93.jpg)
With this plugin, you can quite simply place a google map on your site, as well as a list of links that will show the given places on it.
Learn more, download
Use cases
![image](https://habrastorage.org/getpro/habr/post_images/5a9/1d5/f62/5a91d5f62c419de2bf37544b3b353c8f.jpg)
Using this plugin will significantly facilitate the task of checking the data entered by the user, as well as the notification of errors made in this case.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/120/2ed/d68/1202edd684bf5a2f28d786278f8851d9.jpg)
Generates the html form that you specify using the methods of this plugin (no html). In addition to the fields themselves, you can set rules for checking the data entered in them.
Learn more, download
![image](https://habrastorage.org/getpro/habr/post_images/5c3/ae2/ad7/5c3ae2ad7d8d4cd8d99206361cd582bf.jpg)
Performs animated sorting of table rows by the elements of the specified column. This process looks very exciting, I recommend to look.
View in action, download
![image](https://habrastorage.org/getpro/habr/post_images/c93/b82/ceb/c93b82ceb4259d5786c490d3db7e744a.jpg)
The so-called slider. Organizes viewing a group of pictures. The transition from one image to another occurs through various animation effects.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/c22/f03/d31/c22f03d314cbec6abd3f7380cbaaa0a4.jpg)
A universal slider with a lot of different features. It can be used to “flip” not only images, but also any other page elements. It has all the necessary features. For example, it allows you to use several sliders on one page at once, it can be set to automatic mode, it has various means of “turning over”, etc.
View in action, download
![image](https://habrastorage.org/getpro/habr/post_images/90f/7bc/058/90f7bc058682e575d563ac436e9740a8.jpg)
A miniature, very elegant image slider.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/376/2ae/e45/3762aee45decab4a24ec9a8a49740e24.jpg)
Lightweight and easy to use image gallery.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/770/3ed/d88/7703edd8832fed1f42aa29970dfe0144.jpg)
Gallery of images. Although in reality it can be not only images, but also any other elements of the page.
View in action, download
![image](https://habrastorage.org/getpro/habr/post_images/7e4/0a4/819/7e40a4819124505883c5e93355146c12.jpg)
Plugin with an elegant image gallery.
Learn more, download
View in action
![image](https://habrastorage.org/getpro/habr/post_images/e87/977/dcd/e87977dcd3f929e45bd94d48e668c59d.jpg)
Cloud Zoom allows you to view images in detail, increasing the part of the image where the cursor is located. It has several modes of operation.
View in action, download
![image](https://habrastorage.org/getpro/habr/post_images/b8f/b98/1fa/b8fb981fab552daa06401c1270e659cc.jpg)
A plugin that implements the ability to display any element as a light box (I think the illustration makes it clear what is meant by this term).
View in action, download
![image](https://habrastorage.org/getpro/habr/post_images/92a/424/5f4/92a4245f47870b0e8b0496b891688323.jpg)
This plugin helps you integrate twitter services into your website with a few lines of code.
Learn more, download
This plugin uses jQuery and YQL (Yahoo Query Language) to collect RSS feeds from various social networks.
Learn more, download
Globalization
![image](https://habrastorage.org/getpro/habr/post_images/e8c/dc5/60b/e8cdc560bf23786c521d2e994da2f307.png)
In different languages and cultures, the rules for writing common things like date, monetary values, and fractional numbers can vary greatly. The Globalization plugin allows you to process and convert these values to the desired format. It includes rules for 350 different cultures and languages.
Learn more, download
WYSIWYG HTML Editor
![image](https://habrastorage.org/getpro/habr/post_images/68c/404/889/68c404889972714bdebad50c61ebadf0.png)
The CLEditor plugin provides a lightweight, flexible, cross-browser WYSIWYG HTML editor that can be easily added to any page.
Learn more, download
Plugin for working with colors
The xcolor plugin is an easy-to-use jQuery library extension that provides tons of different color options. You can combine colors, get their monochrome versions, find out the nearest safe colors and much more. In addition, the plugin expands the capabilities of the animate method , allowing it to smoothly change the css properties specified by color values (for example, you can smoothly change the background color of an element). All colors can be set in various formats: RGB, HSV / HSB, HSL.
Learn more, download
Sexy.js
A miniature library with which you can make the code of your ajax requests even simpler. For example, instead you can write Learn more, download
Sexy
.js('/js/jquery.template.min.js')
.css('css/comments.css')
.text('comments.tpl')
.json('comments.json', function (data, status, tpl) {
$.template(tpl, data).appendTo('#comments');
});
Crazy dots
![image](https://habrastorage.org/getpro/habr/post_images/674/83c/97f/67483c97fc1a2d763377a45f0650ec6c.jpg)
The jdCrazyDots plugin creates an animation “data is being loaded” without resorting to using images (css and html only). This looks best in browsers that support CSS3, but it looks good in older versions as well.
Learn more, download
View in action
Transform
This plugin allows you to perform simple geometric transformations (bevels, scaling, rotations, movements) of html elements, both in browsers that support CSS3, and in older versions. Works in Firefox 3.5+, Safari 3.1+, Chrome, Opera 10.5+ and IE 5.5+.
Learn more, download
Cute balloon
![image](https://habrastorage.org/getpro/habr/post_images/0e6/e55/529/0e6e55529498f3c634cf0c6eb9d8b3cb.jpg)
Cute Balloon allows you to create very effective stickers with the given content.
Learn more, download
View in action
gvChart
![image](https://habrastorage.org/getpro/habr/post_images/223/a5e/3ad/223a5e3ad66d25d325917b6c782eed9d.jpg)
A plugin that uses Google Charts to build charts. It is very easy to use and allows you to create five types of charts: linear, area charts, bar charts, bar charts, and pie charts.
Learn more, download
View in action
DDchart
![image](https://habrastorage.org/getpro/habr/post_images/d64/d8f/2c9/d64d8f2c973e13209f1a0e2fc79b29f2.jpg)
Using the DDchart plugin, you can build animated histograms based on the data specified in the JSON format.
Learn more, download
View in action
jQnotice
![image](https://habrastorage.org/getpro/habr/post_images/0de/69e/5c9/0de69e5c9bb8f5fe171804f9e42058d5.jpg)
Allows you to display animated notes.
Learn more, download
View in action
goMap
![image](https://habrastorage.org/getpro/habr/post_images/b39/b21/2c3/b39b212c34e11388312121adc2f61a28.jpg)
The plugin makes it easy and simple to add google maps to your site, as well as make some manipulations with them.
Learn more, download
Use cases
jMapping
![image](https://habrastorage.org/getpro/habr/post_images/de5/f56/77d/de5f5677d502d6e5c6d0130db205ec93.jpg)
With this plugin, you can quite simply place a google map on your site, as well as a list of links that will show the given places on it.
Learn more, download
Use cases
jQuery.validity
![image](https://habrastorage.org/getpro/habr/post_images/5a9/1d5/f62/5a91d5f62c419de2bf37544b3b353c8f.jpg)
Using this plugin will significantly facilitate the task of checking the data entered by the user, as well as the notification of errors made in this case.
Learn more, download
View in action
Formation
![image](https://habrastorage.org/getpro/habr/post_images/120/2ed/d68/1202edd684bf5a2f28d786278f8851d9.jpg)
Generates the html form that you specify using the methods of this plugin (no html). In addition to the fields themselves, you can set rules for checking the data entered in them.
Learn more, download
Animated Table Sort
![image](https://habrastorage.org/getpro/habr/post_images/5c3/ae2/ad7/5c3ae2ad7d8d4cd8d99206361cd582bf.jpg)
Performs animated sorting of table rows by the elements of the specified column. This process looks very exciting, I recommend to look.
View in action, download
Coin slider
![image](https://habrastorage.org/getpro/habr/post_images/c93/b82/ceb/c93b82ceb4259d5786c490d3db7e744a.jpg)
The so-called slider. Organizes viewing a group of pictures. The transition from one image to another occurs through various animation effects.
Learn more, download
View in action
Sudo slider
![image](https://habrastorage.org/getpro/habr/post_images/c22/f03/d31/c22f03d314cbec6abd3f7380cbaaa0a4.jpg)
A universal slider with a lot of different features. It can be used to “flip” not only images, but also any other page elements. It has all the necessary features. For example, it allows you to use several sliders on one page at once, it can be set to automatic mode, it has various means of “turning over”, etc.
View in action, download
jQuery.popeye 2.0
![image](https://habrastorage.org/getpro/habr/post_images/90f/7bc/058/90f7bc058682e575d563ac436e9740a8.jpg)
A miniature, very elegant image slider.
Learn more, download
View in action
Easy gallery
![image](https://habrastorage.org/getpro/habr/post_images/376/2ae/e45/3762aee45decab4a24ec9a8a49740e24.jpg)
Lightweight and easy to use image gallery.
Learn more, download
View in action
Yoxview
![image](https://habrastorage.org/getpro/habr/post_images/770/3ed/d88/7703edd8832fed1f42aa29970dfe0144.jpg)
Gallery of images. Although in reality it can be not only images, but also any other elements of the page.
View in action, download
Exposure
![image](https://habrastorage.org/getpro/habr/post_images/7e4/0a4/819/7e40a4819124505883c5e93355146c12.jpg)
Plugin with an elegant image gallery.
Learn more, download
View in action
Cloud zoom
![image](https://habrastorage.org/getpro/habr/post_images/e87/977/dcd/e87977dcd3f929e45bd94d48e668c59d.jpg)
Cloud Zoom allows you to view images in detail, increasing the part of the image where the cursor is located. It has several modes of operation.
View in action, download
Lightbox_me
![image](https://habrastorage.org/getpro/habr/post_images/b8f/b98/1fa/b8fb981fab552daa06401c1270e659cc.jpg)
A plugin that implements the ability to display any element as a light box (I think the illustration makes it clear what is meant by this term).
View in action, download
jTweetsAnywhere
![image](https://habrastorage.org/getpro/habr/post_images/92a/424/5f4/92a4245f47870b0e8b0496b891688323.jpg)
This plugin helps you integrate twitter services into your website with a few lines of code.
Learn more, download
So so social
This plugin uses jQuery and YQL (Yahoo Query Language) to collect RSS feeds from various social networks.
Learn more, download