Best jQuery Plugins & Tutorials with jQuery Demo examples

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.[2] It was released in January 2006 at BarCamp NYC by John Resig. It is currently developed by a team of developers led by Dave Methvin. Used by over 80% of the 10,000 most visited websites,[3] jQuery is the most popular JavaScript library in use today.

jQuery is free, open source software, licensed under the MIT License.[1] jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications.

1. typeahead.js

This a flexible JavaScript library that provides a strong foundation for building robust typeaheads.


2. Lettering.js

Lettering.js provides granular control over individual characters in your type, allowing you to apply kerning, colour individual letters, and apply event-listeners.


3. FitText

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.


4. turn.js


Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5.

5.- Image Cropper

The Image Cropper is a jQuery plugin which is helps to crop image more easily.

Image Cropper

6.- PgwModal – Responsive Modal / Dialog Window for jQuery

This plugin is SEO compliant, so the statement of the slider elements is only in HTML. Each image must be placed in a

  • tag. By default, this image will be used in the right list and to display the current element.

    PgwModal – Responsive Modal / Dialog Window for jQuery

    7.- Vibration API

    The Vibration API1 is an API specifically made for mobile devices as they are thankfully the only devices that have a vibrate function.

    Vibration API

    If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.

    Recommended Posts:

    Article Tags: