Custom Path Animations with jQuery


Path animation is one of the many reasons for flash to be popular. It gives you freedom to animate any object on a path. But as we know that Flash is not considered a Search engine friendly tool and it gives a nice excuse to adopt alternate methods and platforms for animations.

Talking about alternate platforms for animations, jQuery is the most popular among its competitors. jQuery Path provides a method of multidimensional animation, and in particular provides a method for animating along bezier curves and arcs. It is trivial to create other paths, or even animate other parameters.

custom-path-animations-with-jquery

Example quoted in this post animates some elements (bubbles) in a custom zig-zag path. jQuery.Path works fine on all modern browsers.

Posted on: May 6, 2010 as Free License, Javascript
No Comments

Sexy jQuery Multiday Calendar Datepicker Plugin – jCal


jCal is a an innovative and sexy jQuery datepicker plugin that offers multi-day, multi-month calender datepicker options.

sexy-jquery-calendar-datepicker-plugin-jcal

jCal allows for a sequence of months to reside side by side and for the user to select a number of consecutive days. This is great for:

  • Hotel reservation systems
  • Ticket purchasing systems
  • Examination dates selections, etc…

This free jQuery datepicker plugin is fast and lightweight that weighs in at 14KB with the uncompressed development version.

Posted on: May 3, 2010 as Javascript, MIT License, Open Source, Plugins
No Comments

DHTML AJAX Widget for Plotting Time Series – Timeplot


Timeplot is an open source, DHTML-based AJAX data visualization widget for plotting time series and overlay time-based events over them.

dhtml-ajax-widget-for-plotting-time-series-timeplot

You can draw multiple plots in the same timeplot, either using the same geometry of another one or not, depending on what you want to achieve.

With this open source data visulization widget, users can create timeplots which are very easy to customize.

  • Stroke and fill Plot colors customization
  • Multiple timeplots
  • On-Demand plot values
Posted on: April 30, 2010 as BSD License, Javascript, Open Source
No Comments

iPhone Compatible HTML5 Audio and Video Player – OIPlayer


OIPlayer is a jQuery plugin built as HTML5 Audio and Video Player that works fine in nearly every browsers with a fall back support to Flash and Java.

 iphone-compatible-html5-audio-and-video-player

This open source HTML5 audio and video player is compatible with iPhone, though there are limitations (hope to see all controls working in a future version).

Features

  • Plays video and audio files
  • Falls back to Flowplayer (needs the Flash plugin and plays h.264, flv and mp4) or Cortado (Java applet that plays Ogg video and audio – ogv, oga)
  • Full screen support
  • iPhone compatible
  • Keyboard support for Time Slider
Posted on: April 28, 2010 as GPL License, Javascript, Open Source
1 Comment

Simple To-Do List Manager With HTML5 and localStorage


Fridgelist is web based online simple To-Do List Manager built on HTML5 and localStorage. It’s fast, effective for compiling your tasks and accessible using keyboard shortcuts.

simple-to-do-list-manager-with-html5-localstorage

You need a modern browsers to use this online To-Do list Manager as all information gets stored inside the browser and not on the server.

Fridgelist using jQuery JSON and Modernizr for limited HTML5 & CSS3 backwards comparability.

At the end, a nice small tool to help keep track of your tasks with ease. Add tasks with single click and double click the task to edit.

Posted on: April 27, 2010 as Free License, Javascript, Tools, Web Application
No Comments

JavaScript Interactive Data Visualizations Toolkit


InfoVis is a JavaScript Toolkit for creating Interactive Data Visualizations for the web built upon the concepts Modularity, Extensibility and Composability.

javascript-interactive-data-visualizations-toolkit

Supports multiple data representations like Treemaps, Radial Layouts, HyperTrees/Graphs, etc…

InfoVis components are:

  • Powerful and easy to use
  • Support live data updates and multi-valued data
  • Mutable Visualization classes & can add/override any method
  • Useful for combined visualizations

This JavaScript Interactive Data Visualizations Toolkit is open source and can be used with your favorite DOM manipulation framework.

Posted on: April 26, 2010 as BSD License, Javascript, Open Source
No Comments

Advanced jQuery Date Picker and Time Picker Plugin


A ThemeRoller supported, easily customizable, advanced jQuery Date Picker and Time Picker Plugin by Any+Time™ JavaScript Library.

jquery-date-picker-time-picker-plugin-anytime-javascript

This jQuery Date / Time Picker aesthetically combines the functionality of calendar and clock together.

Some Features

  • Format date as you wish to
  • Custom week starting day
  • Select your time zone
  • Theme-able with jQuery ThemeRoller
  • Ajax based validation

This free JavaScript date / time calendar works fine on all modern browsers and can be customize to use as a popup calender or always present calender.

Posted on: April 25, 2010 as CC License, Javascript, Plugins, Tools
No Comments

Interactive Flash Image Slider – Runway


Runway is an open source rich interactive visualization flash widget that lets you create an image slider in a similar to that of Apple iTunes known as Cover Flow.

coverflow-like-interactive-flash-image-slider

The Flash widget can fire events to update the web page’s Javascript and the web page’s Javascript can change the Flash widget on the fly as well.

Users can set themes, control the reflect amount and distance between images can be changed with option to assign a different spacing for the centered image.

Posted on: April 25, 2010 as BSD License, Gallery, Javascript, Open Source
No Comments

Modal Dialog Window based on jQuery – modalBox


Create customizable modal dialog window with jQuery modalBox plugin. Modal dialog windows created with this plugin can be used to show Ajax based and inline content.

modal-dialog-window-based-on-jquery-modalbox

Few of modalBox customization:

  • Drag and drop modal dialog box
  • Enable, Disable and style Fading layer
  • Control box width and Add custom close button
  • Simple image viewer
Posted on: April 24, 2010 as GPL License, Javascript, Open Source, Plugins
No Comments

In-Place WYSIWYG Editor jQuery Plugin – IPWEditor


IPWEditor is a jQuyer plugin that allows users to edit text on web pages without going to a separate page and adds a layer of WYSIWYG editor (FCKeditor & TinyMCE) over it.

 in-place-wysiwyg-editor-jquery-plugin-ipweditor

As you may have seen the jQuery Editable plugin that seamlessly replace texts on web pages with inputs but the IPWEditor has added functionality and the WYSIWYG text editor layer allows user to apply formatting on the text as well.

Posted on: April 23, 2010 as Javascript, MIT License, Open Source, Plugins
No Comments