All About jQuery: Fresh and Useful jQuery Plugins and Tutorials Page 2

Go ahead and dive on in to the remaining jQuery plugins and tutorials that we have assembled for your learning and problem solving pleasures.

More jQuery Resources

jQuery CSS Animation and Rotate ( Demo | Visit the Source )
In this tutorial we will create a stack of images, on the default position each of images have a different angle, and rotating to the same angle in the same duration of time.

Typography Effects with CSS3 and jQuery ( Demo | Visit the Source )
With this jQuery plugin you can create a set of nice typography effects for big headlines using CSS3.

Sumon Math Game With JQuery ( Demo | Visit the Source )
In this tutorial we will share how to make a simple Sumon style math game using JQuery, inspired by Hyperandroid. It’s quite nice to practice your self concentration about addition skills.

Hover and Click Trigger for Circular Elements with jQuery ( Demo | Visit the Source )
This plugin will take care of the ‘mouseenter’, ‘mouseleave’ and ‘click’ events to be triggered only on the circular shape of the element and not its bounding box.

Creating Photo Album with jQuery Fotorama ( Demo | Visit the Source )
This tutorial is about using the impressive jQuery gallery – Fotorama. This is a nice looking javascript gallery with intuitive controls, and great browser compatibility. You can use this plugin with iPhones and any other mobile devices (you can slide photos using touch).

Fullscreen Image 3D Effect with CSS3 and jQuery ( Demo | Visit the Source )
The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.

How to Scrape Web Pages with Node.js and jQuery ( Demo | Visit the Source )
In this tutorial, we will scrape the YouTube home page, get all the regular sized thumbnails from the page as well as links and video duration time, send all those elements to a jQueryMobile template, and play the videos using YouTube embed (which does a nice job of detecting device media support (flash/html5-video)).

Cool Background Image Sliding Effect with jQuery ( Demo | Visit the Source )
With this plugin you can create awesome jQuery image sliding effects in your designs.

Adding a Timepicker to jQuery UI Datepicker ( Demo | Visit the Source )
The timepicker addon adds a timepicker to jQuery UI Datepicker, thus the datepicker and slider components (jQueryUI) are required for using any of these.

JQuery Menu W/ Drop Down Tutorial ( Demo | Visit the Source )
This tutorial is about a menu which has all the decent and stylish animated functionality that you may be looking to add to your project.

Slide Navigation Using JQuery With Easing Plugin ( Demo | Visit the Source )
With this plugin you can create something like Apple’s Mac navigation menu using jQuery.

jQuery-Notes ( Demo | Visit the Source )
jQuery-Notes is a simple and easy to use jQuery-Plugin that allows you to add notes to any image (even foreign ones) on your website or blog.

Jeditable ( Demo | Visit the Source )
This is a very handy plugin that will allow you to click and edit the content of different HTML elements.

Sticky ( Demo | Visit the Source )
Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

jQuery File Upload ( Demo | Visit the Source )
The File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing.

SCROLLORAMA ( Demo | Visit the source )
The jQuery plugin for doing cool scrolly stuff.

Minimit ( Demo | Visit the Source )
Minimit Gallery is a highly customizable, library agnostic plugin that does galleries, slideshows, carousels, slides, pratically everything that has multiple states, in less than 10KB.

jQuery UI Bootstrap ( Demo | Visit the Source )
A jQuery UI theme based on Twitter Bootstrap. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-side without components breaking visually.

jQuery News Ticker ( Demo | Visit the Source )
Taking inspiration from the BBC News website ticker, jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery.

jQuery continuous calendar ( Demo | Visit the Source )
This calendar plugin comes with date dragging, range shifting by dragging, continuous month flow, range expand with shift + mouse click and loads of other features.

FullCalendar ( Demo | Visit the Source )
FullCalendar is a jQuery plugin that provides you with a full-sized, drag & drop calendar. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).

Creating photo album with jQuery Chop Slider ( Demo | Visit the Source )
In this tutorial we will learn how to create a beautiful photo album with jQuery Chop Slider.

That’s a Wrap

That finishes up things from our side of post, but that doesn’t mean the discussion is over. Now we are turning it over to you. What are some of your favorite jQuery plugins and tutorials that we may have omitted from this collection? Leave your thoughts in the comment section.

(rb)