Jquery plugins

Facebook Twitter
Essential jQuery Plugin Patterns - Smashing Coding Advertisement I occasionally write about implementing design patterns in JavaScript. They’re an excellent way of building upon proven approaches to solving common development problems, and I think there’s a lot of benefit to using them. But while well-known JavaScript patterns are useful, another side of development could benefit from its own set of design patterns: jQuery plugins.

Essential jQuery Plugin Patterns - Smashing Coding



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 ? Simple, all the matched elements will be scrolled, for example: $('div.pane').scrollTo(); If you need to scroll the window (screen), then use:


jQuery.ScrollTo by Ariel Flesler Links Table of contents (try these) Ways to specify the target Click an option, to see it in action Options The examples shown here, are summarized for brevity, check the source for real code jQuery.ScrollTo
Sticky - An unbelievably simple notification system for jQuery Sticky - An unbelievably simple notification system for jQuery July 19, 2011 Let's face it, your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders. Demo Let's start with some basic messages.
jQuery PointPoint Plugin
To use the core lib just include jquery.fracs-0.12.0.js. The outline feature can be found in jquery.outline-0.12.0.js and depends on the core lib (you'll need to include both files). Fractions To retrieve the fractions of an element use: var fracs = $(selector).fracs(); jQuery.fracs · larsjung.de jQuery.fracs · larsjung.de
Image Desaturate jQuery plugin Image Desaturate jQuery plugin Latest version: 0.7 (changelog) Stable version: 0.6 (changelog) Prev. version: 0.5.2 Example jQuery plugin page


jamescryer.github.com/grumble.js/ Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied.
Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
Aspect ratio with preview pane. The most visual demo, the preview pane is accomplished entirely outside of Jcrop with a simple jQuery-flavored callback. This type of interface could be useful for creating a thumbnail or avatar. The onChange event handler is used to update the view in the preview pane. Jcrop Image Cropping Demos Jcrop Image Cropping Demos
$.geo is an open-source, geospatial mapping jQuery plugin from Applied Geographics developed with the intention of making spatial web mapping significantly simpler than it may initially seem. We would like to point out the term "open-source" to explictly state that Google, Bing, MapQuest, Yahoo! & ESRI are generally free but not open. Please read the following sections for more information and examples, and thank you for considering us! Also, that the documentation comes first with this project and can be lightyears ahead of the code. $.geo docs $.geo docs
Introduction · Isotope Docs Isotope: An exquisite jQuery plugin for magical layouts Features Layout modes: Intelligent, dynamic layouts that can’t be achieved with CSS alone. Filtering: Hide and reveal item elements easily with jQuery selectors. Sorting: Re-order item elements with sorting.