jQuery-Notes jQuery-Plugin

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.

Features jQuery-Notes 2.0:

• add notes to any ELEMENT
• HTML 5
• format your notes

cssSandpaper – a CSS3 JavaScript Library

The cssSandpaper JavaScript library looks at the stylesheets in an HTML document and, where possible, smooths out the browser differences between CSS3 properties like transform, opacity, box-shadow and others.  This script is not only useful for developers who want to support CSS3 in IE (which doesn’t support it in IE natively) but in other browsers which implement their own vendor-specific variants of these properties.

A Zoomable jQuery Image Gallery Called jPhotoGrid

Nearly all of the styling for this plugin is done in css.  The trick is to layout the grid by floating the list items.  The first thing the plugin will then do, is convert these all to absolutely positioned.  This is what allows the plugin to zoom in on an individual image and then return it to its place.  Like authors interactive map plugin, this depends on the browsers ability to scale images.  In stylesheet, the images are set to width:100% and I simply animate the size of the container.

jflickrfeed – A jQuery Flickr Feed Plugin

This plug-in makes it easy to pull Flickr feeds and display them on your site. Below are some examples that can get you thinking about its possibilities.

bMap – A google maps jQuery Plugin

The bMap jQuery plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons.

The plugin can manage a sidebar for you, one with a list of markers, one with a list of layers. The sidebars can be styled with CSS.

jQuery Ajaxy

jQuery Ajaxy allows you to easily upgrade your web site into a full featured Ajax web application. It aims at solving complicated AJAX Paradigms by providing you with a easy managed solution to bind into page state (URL Hash) changes, AJAX form submits, and support AJAX links.

Features

• It’s unbelievably simple to upgrade your ordinary links and forms into Ajax requests by just adding a CSS classname.
• You already have automatic support for tracking state changes in your now web application so you don’t have to worry about this at all – we do it for you. This allows it so the user can still use those back and forward buttons, or even send the page URL to a friend and see the same thing!
• You can even submit forms via Ajax with confidence, without having to do any extra server side code.
• You will also have the ability to control your web applications state manually through your code for advanced circumstances.
• You will still have support for classical anchors despite us using hashes for our web application states! This means you can still direct your users to particular content on a webpage using a link like: my/web/page.html#the-content-to-scroll-to

ImageSwitch – switch between images

Easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects.

mgAreaSelect – jQuery plugin for selecting a rectangular area of an image

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).

Plugin features:

• Highly configurable
• Customizable with CSS styling
• Handles scaled images
• Keyboard support for moving and resizing the selection
• Supports callback functions
• Provides API functions for easier integration with other application components
• Lightweight — the packed version is less than 8KB

The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.

CarouFredSel – infinite, circular jQuery carousel

jQuery.carouFredSel is a plugin that turns any kind of HTML element into an infinite, circular carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.

The carouFredSel-plugin was built using the jQuery-library. It is licensed under the MIT-license.

Features

• Can scroll horizontal and vertical.
• Scrolls one or multiple items simultaneously.
• Scrolls automatically and/or by user interaction. With optional custom settings.
• Dynamically add and remove items to/from the carousel.
• Support for variable item-width and -height.
• Built in keyboard-navigation and pagination.
• Compatible with most popular (jQuery) lightbox-plugins.
• Intelligent custom events and loads of options.

EditableGrid – Make your HTML tables editable

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

Main features

• Load grid from XML or attach to an existing HTML table
• Simple to use and easy integration into existing web applications
• Each column is typed (string, integer, double, boolean, url, email, date)
• Edit cells with a suitable editor, according to the column type (eg. checkbox for boolean)
• Possibility to declare a list of possible values for the cells of a column (statically or in Javascript)
• Management of unit, precision and NaN values for numeric columns
• Built-in validators for columns of type integer, double, url, email and date
• Possibility to plug your own cell renderers, editors and validators
• Sort columns accordingly to their types, by clicking on the column header
• PHP binding: build your grid in PHP and let it generate the XML file
• Filtering of the grid
• Insert and remove rows
• Open Flash Chart integration to render charts from the grid data (the chart can follow when editing data or sorting columns)
• Callbacks for all events: load, edition, sorting, etc.