jQuery

Facebook Twitter
jHERE - Maps Made Easy Maps are cool, but map APIs are complicated. jHERE solves this problem by offering a simple but powerful map API in the form of a jQuery (or Zepto.JS, or Tire) plugin. Download jHERE and start making beautiful maps now! With jHERE, you can easily add interactive maps to your website. In only 5KB (2KB Gzipped), you get a powerful map API, highly customizable markers, event handling and info bubbles. jHERE - Maps Made Easy

List of Useful jQuery Plugins

List of Useful jQuery Plugins Best jQuery Plugins all in one place. BBQ: Back Button & Query Library Source: http://benalman.com/projects/jquery-bbq-plugin/ 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

Peity • progressive <canvas> pie charts

Peity • 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. Download version 2.0.0 Uncompressed 7.1Kb jquery.peity.js Minified 3.3Kb (+gzipped 1.5Kb) jquery.peity.min.js
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!) 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.

20 Complete scripts to download

20 Complete scripts to download

Beautiful Background Image Navigation with jQuery

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. 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. Beautiful Background Image Navigation with jQuery
jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It's a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds. Hello! You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you'll see what we mean). Spritely has the following great advantages it works well on iPhone/iPod Touch/iPad - check out this page on an iPhone. Spritely.net

Spritely.net

Professor Cloud

Professor Cloud Cloud Zoom is a popular fly-out jQuery image zoom plugin used on many high profile retail sites. 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 7 Things I Wish I Had Known About jQuery This article is mostly aimed at people who are just starting to learn 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. 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 ?

jQuery.ScrollTo

Whatever content you have to present, you can present them in a more interactive & more responsive ways. 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

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

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