jQuery

Facebook Twitter

jHERE - Maps Made Easy. List of Useful jQuery Plugins. Best jQuery Plugins all in one place.

List of Useful jQuery Plugins

BBQ: Back Button & Query Library Source: Leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history. In addition, jQuery BBQ provides a full .deparam() method, along with both hash state management, and fragment / query string parse and merge utility methods. ColorBox: Lightbox. MobilyMap Demo.

Mobile

Progressive <canvas> pie charts. Peity (sounds like deity) is a simple jQuery plugin that converts an element's content into a simple <svg> mini pie 2/5 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari.

progressive <canvas> pie charts

Download version 2.0.2 Uncompressed 7.1Kb jquery.peity.js Minified 3.3Kb (+gzipped 1.5Kb) jquery.peity.min.js. 20 Complete scripts to download. I’ve put together a nice little collection of scripts over the past year or so, and have decided as it’s approaching summer in the UK (sorry winter in Australia!)

20 Complete scripts to download

To do a download bundle of 20 assorted scripts where you can get the lot in one click for free! Although donations are also much appreciated. Beautiful Background Image Navigation with jQuery. In this tutorial we are going to create a beautiful navigation that has a background image slide effect.

Beautiful Background Image Navigation with jQuery

The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in […] View demoDownload source In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. Spritely.net. Professor Cloud.

Cloud Zoom is a popular fly-out jQuery image zoom plugin used on many high profile retail sites.

Professor Cloud

Continuous improvement, regular updates and technical support make it a favoured choice for busy developers who need a mature and reliable jQuery image zoom solution for their clients. Works with jQuery versions 1.4.3 - Latest, 2.0.3 Works with fluid/responsive layouts (e.g. Bootstrap) Works with modal plugins like Fancy Box* for big pop-up images *Fancy box is available separately here.

7 Things I Wish I Had Known About jQuery. This article is mostly aimed at people who are just starting to learn jQuery.

7 Things I Wish I Had Known About jQuery

I assume you know the following: Base knowledge of JavaScriptWhat jQuery isHow to include jQuery in a web pageBasic knowledge of how to use the $ function (for example: $(‘#test .testing’))Basic understanding of the chainable eventsKnow what $(document).ready(function () { }); does (sometimes seen as $(function () {} ); or $().ready(function() {});)Know intermediate HTML and CSS (lists, padding, colors, borders and margin) If you don’t know anything about how to use jQuery you should read this. This is not meant to be an introduction to jQuery. jQuery.ScrollTo. Notice I've pretty much stopped updating this blog, but the plugin development is still on-going.

jQuery.ScrollTo

You can find the link to the Github project page at the bottom of the article. Introduction An article about animated scrolling with jQuery inspired me to make a small, customizable plugin for scrolling elements, or the window itself. How to specify what to scroll ? Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout.

Whatever content you have to present, you can present them in a more interactive & more responsive ways.

Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout

In this article we’d like to present 7 Impressive techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Nivo Slider.