YoxView is a highly-customizable jQuery image viewer plugin (Lightbox) for displaying single-to-multiple images.

It helps browsing a list of images in a modal box with previous-next buttons or as a slideshow.

The viewer supports displaying multiple instances in a page where each of them can be configured independently.

YoxView is multilingual & already comes with multiple language files.

Besides standard navigation, images can be navigated with keyboard too.

The plugin has many options like opacity levels, background colors, title display/fade durations & more.

Ivan Lazarevic is sharing 2 different plugins for creating bar charts with jQuery & MooTools:

• jqBarGraph (for jQuery)
• mooBarGraph (for MooTools)

Both plugins can create simple or stacked bar charts & data to be displayed is loaded with an array.

jqBarGraph has support for animated loading of the charts however mooBarGraph offers more features like:

• url bars
• info boxes (interactive charts)
• negative values
• AJAX data loading

They are both very easy to use & support all major browsers.

Grafico is an open source JavaScript charting library built with Raphaël & Prototype.js.

It is possible to create multiple types of charts like line, area, bar & stacked charts, sparklines and more.

Each chart type has numerous API options to customize it’s look & behavior.

Charts created with Grafico can, optionally, be interactive which means they can provide data when hovered, clicked, etc.

The library is well-documented & supported with examples.

Quicksand is a very functional jQuery plugin for reordering and/or filtering items with a nice shuffling animation.

It simply replaces a collection of items with another & only requires the sets to be provided which can be done in multiple ways:

• using plain HTML, like an unordered list
• downloading data by an Ajax call
• transforming HTML items by JavaScript

Quicksand also comes with few options like setting the duration or the easing type of the animation (optionally, Easing plugin can be used for more easing types).

Uniform is a jQuery plugin that enables you to control the look & feel of form elements (checkboxes, drop down menus, radio buttons & file upload inputs).

It is unobtrusive & works by hiding the original elements + replacing them with custom ones.

Uniform is very easy to use & can be set to convert every form element on the page or any specific ones.

The plugin has theming support & comes with a theme kit to quickly create unique forms.

TinyEditor is a lightweight (8kb) JavaScript WYSIWYG editor that is free to use in both personal & commercial projects.

It is a standalone script (does not require any JS frameworks) & converts any given textarea to an editor

The can be easily customized by updating the parameters (like removing some of the controls). And it is possible to style it via CSS:

TinyEditor can be resized, a starting content can be defined, set to generate HTML or XHTML code & more..

Formwizard is a jQuery plugin which can instantly convert your standard forms into wizard-like interfaces.

Once it is applied, users will be able to fill the form step-by-step (which is nice for big forms) & it becomes possible to show different steps according to the input values.

It only requires a few markup updates like wrapping every step with elements that has id tags: "firstStep, "secondStep", etc & adding class tags: "step".

Formwizard also plays nice with the popular validation & form plugins that will help enabling client-side form validation & Ajaxed submissions.

gMap is a lightweight (2kb) jQuery plugin for easily integrating Google Maps into any website.

It can embed a map with a tiny function like:

$("#map").gMap();

and can be customized further with settings like:

• latitude/longitude
• default zoom level
• markers, their positions, info to display as a pop-up, custom marker images
• mapping controls on/off
• & more..

Plupload is a very flexible, feature-rich & open source file uploader that enables you to upload files using:

• HTML5 Gears
• Silverlight
• Flash
• BrowserPlus
• normal forms

It can be used via the JavaScript API or the ready-to-go jQuery plugin.

Plupload has great features like image resizing, displaying upload progress, drag'n drop, multiple file uploads, unique filename generation, max-file-size limit & more.

As expected, it has a server-side file to handle the uploads (PHP file is included with the download).

It is possible to define multiple runtimes (Flash, HTML5 Gears, etc) in the code. The uploader will check their availability in the configured order & select the most appropriate method.

The library is very well-documented & comes with various examples.

FeedBurner's popular chicklet FeedCount is the most-used way to display the number of subscribers for a feed.

Also, a similar design is used by TwitterCounter to display your Twitter followers.

We'll be creating a dynamic FeedCount-like interface that can display your website's statistics like pageviews, visits, etc. (one or all of them) using PHP.

At the end of this tutorial, we'll have 2 different counters:

• a counter that can display only one metric – basic version
• a counter that can display multiple metrics (some jQuery fun here) – advanced version

Read the rest of this entry »