jQuery

What is it?

According to jQuery’s own website, “jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.”

jQuery allows you to use JavaScript much more easily on your site, by wrapping lines of code into methods that you can call with a single line of code. Essentially, jQuery simplifies JavaScript in order to make it easier to use. jQuery has been called the “write less, do more” JavaScript library.

How do I use it?

In order to start using jQuery in your website files, first, you have to download the main JavaScript (.js) file from jQuery.com, put it on your server, and point to it in your script tag. After downloading the file, copy and paste it into a plain text document and save it to upload onto your server. To call the script in your actual web document, use this script tag:

<script src="pathtoyourjs/jquery-1.7.2.min.js"></script>

Where can I find jQuery plugins?

jQuery.com has an extensive library of jQuery plugins (they invented the programming language, after all). Additionally, Unheap.com is another fantastic resource for beautiful, easy to use jQuery plugins.

One of my favorite plugins found through Unheap is the Strip Lightbox. This plugin creates a light box that only covers part of the page, which allows you to continue to interact with the web page, and also providesa less intrusive image viewing experience.

Plugins from jQuery.com

Here are some notable plugins, along with links to demos from jQuery.com:

Naver
DEMO
GET IT HERE
This plugin creates a customizable responsive navigation with a breakpoint incorporated into the code.

jQuery UI Clip Effect
DEMO
GET IT HERE
This plugin allows you to apply an animation effect to an element and turn it on and off “like an old TV.”

Plugins from Unheap.com

Here are some other notable plugins, along with links to demos from Unheap.com:

Rollerblade.js
DEMO
GET IT HERE
Rollerbalde is an easy way to create a 360-degree interactive image rotator.

Horwheel Component
DEMO
GET IT HERE
Horwheel enables the functionality to scroll horizontally with the mouse wheel.

Advertisements