Browsing articles from "January, 2011"
Jan
28

Zoomy – Magnification jQuery Plugin

By Vinod  //  All, Javascript  //  1 Comment

Zoomy is a quick and easy plugin that will zoom into a picture. You only need two copies of one image first the display image and then the zoom image. Most CMS systems save or create multiple sizes of an image so its easy to set up. Just link the zoom picture on the display picture, and tell the plugin to use that link when zooming. It takes only a little bit of scripting.

Jan
27

jQuery File Upload

By Vinod  //  All, Javascript  //  1 Comment

Features

  • Multiple file upload:
    Allows to select multiple files at once and upload them simultaneously.
  • Drag & Drop support:
    Allows to upload files by dragging them from your desktop or filemanager and dropping them on your browser window.
  • Upload progress bar:
    Shows a progress bar indicating the upload progress for individual files.
  • Cancelable uploads:
    Individual file uploads can be canceled to stop the upload progress.
  • No browser plugins (e.g. Adobe Flash) required:
    The implementation is based on open standards like HTML5 and JavaScript and requires no additional browser plugins.
  • Graceful fallback for legacy browsers:
    Uploads files via XMLHttpRequests if supported and uses iframes as fallback for legacy browsers.
  • Standard HTML file upload form:
    Shows a standard HTML file upload form if JavaScript is disabled.
  • Cross-site file uploads:
    Supports uploading files to a different domain with Cross-site XMLHttpRequests.
  • Multiple plugin instances:
    Allows to use multiple plugin instances on the same webpage.
  • Customizable and extensible:
    Provides an API to set individual options and define callBack methods for various upload events.
  • Multipart and file contents stream uploads:
    Files can be uploaded as standard “multipart/form-data” or file contents stream (HTTP PUT file upload).
  • Compatible with any server-side application platform:
    Works with Google App Engine (Python, Java), Ruby on Rails, PHP and any other platform that supports HTTP file uploads.
Jan
25

jRating – very flexible jQuery plugin

By Vinod  //  All, Javascript  //  No Comments

jRating is a very flexible jQuery plugin for quickly creating an Ajaxed star rating system. It is possible to configure every detail from” the number of the stars” to “if the stars can represent decimals or not”.

There is also an option to display small or big stars and images can be changed with any other file easily.

Although the plugin can be used with any scripting language, a PHP file that handles the requests is already included in the download package.

Jan
24

jMenu – horizontal navigations with unlimited sub-menus in jQuery

By Vinod  //  All, Javascript, Menu  //  1 Comment

jMenu is a jQuery plugin that enables us to create horizontal navigations with unlimited sub-menus.
Besides jQuery, it also requires jQuery UI and supports all the effects of this library (like fadeIn or slideDown).
The markup of the menu is pretty clean as it makes use of nested lists.
The look and feel of the output is set in a CSS file so updating it without touching the JS code is possible.

Jan
21

jNotify – display information boxes

By Vinod  //  All, Javascript  //  1 Comment

jNotify can display information boxes in just one line of code.

Three kind of boxes are allowed : information, success and failure.

The whole box is entirely skinnable with css. For example, you could use it for a mail being successfully sent or a validation error of a form.

Jan
17

VideoJS – HTML5 Video Player

By Vinod  //  All, Javascript  //  1 Comment

VideoJS is an HTML5 Video Player with 3 core parts: An embed code (Video for Everybody), a Javascript library (video.js), and a pure HTML/CSS skin (video-js.css).

Using Video for Everybody as the embed code means you know it’s compatible with many devices (including ones without javascript).

The javascript library fixes browser & device bugs, and makes sure your video is even more compatible across different browser versions.

The pure HTML5/CSS skin ensures a consistent look between HTML5 browsers, and easy custom skinning if you want to give it a specific look, or brand it with your own colors. See the skins page for examples of custom skins.

Jan
15

Easy Gallery Manager

By Vinod  //  All, Gallery, Javascript, Wordpress  //  1 Comment

Easy Gallery Manager, Change your WordPress Gallery in a jQuery Slideshow. On the fly!

Don’t worry about the code

It’s so easy!
With this plugin you don’t have to code anything: just write your post with the usual wysiwyg editor in WordPress and activate the slideshow…it’s done!

Sort your images with drag&drop

You can rearrange the images in the slideshow straight below your post with a simple drag ‘n’ drop.
No cut, no paste, no numbered images, no metabox. Manage them on the fly.

Customize your slideshow in seconds

Wanna change the transition? Customize the timing of the slideshow? Use bullets instead of numbers?
Now you can, using the settings panel and lots of customizable features.

Jan
14

Arbor- a graph visualization library

By Vinod  //  All, Javascript  //  1 Comment

Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whatever display approach is appropriate for your project and your performance needs.

As a result, the code you write with it can be focused on the things that make your project unique – the graph data and your visual style – rather than spending time on the physics math that makes the layouts possible.

Jan
11

ImageView jQuery plugin

By Vinod  //  All, Javascript  //  1 Comment

jQuery plugin which can help you to create image viewing in your site more useful.

Jan
8

Contained Sticky Scroll – A jQuery Plugin

By Vinod  //  All, Javascript  //  1 Comment

The Contained Sticky Scroll plugin is designed to allow an element to stick to the top of the screen as page scrolls down, but without moving outside of the parent container.

For example, the sidebar to the right has been animated with the plugin. When you scroll down to read the different options that the plugin allows you to use, you will notice that the sidebar will actually stick to the top of the window until we scroll past the main content area and into the footer. Then the sticky scrolling will stop.

However, some users don’t like this kind of sticky scrolling, so the plugin also includes a feature that allows a user to turn off the sticky scrolling, causing the sidebar to flip back to its default position. Just click the circumflex(^) to trigger this