WebResourcesDepot

Posted by | Posted on 13:45

WebResourcesDepot


Timeglider – Impressive jQuery Plugin For Data-Driven Timelines

Posted: 28 Mar 2011 10:01 AM PDT

Timeglider is a jQuery plugin for displaying any number of events in a highly-flexible timeline.

Its interface has support for zooming in/out (mouse wheel can be used too) and panning where you can quickly navigate through the time and find events.

Events are clickable and can display a detailed view of them inside a modal box.

Timeglider jQuery Timeline Plugin

JSON is used as the data source for the items in the timeline. Within the data source, it is possible to attach items to categories for filtering them (filtering can also be done keyword-based).

There are also many other features like "the ability to use images in the timeline", "attaching icons to events, "setting an importance for each item" and more.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

HTML5 Canvas Made Easier – oCanvas

Posted: 27 Mar 2011 11:33 PM PDT

When using the native canvas API,  we normally draw pixels on the canvas (to create objects) which is pretty time consuming .

oCanvas is a JavaScript library that focuses on creating a simpler development process with HTML5 canvas.

oCanvas JavaScript Library

The library enables us to work directly with objects (like rectangle, ellipse, image, etc.) and has:

  • an animation module for moving + transforming them,
  • a timeline module for start-stopping these animations and setting their duration,
  • an events module that supports "touch" behind mouse and keyboard interactions.

Using oCanvas, it is possible to create scenes which is handy when separating your application into different states.

The library is small in size (15kb gzipped), very well-documented and extensible with its plugin support.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Comments (0)

Post a Comment