Timeago is a jQuery plugin which enables you to display fuzzy timestamps. And, the timestamps are auto-updated.
Some example timestamps are "5 minutes ago, about 2 days ago".
Using Timeago is very functional for displaying more friendly timestamps and auto-update feature makes it more accurate when a page is opened for a while.
P.S. John Resig also has a similar solution named JavaScript Pretty Date.
Requirements: jQuery
Compatibility: All Major Browsers
jqGrid is an Ajaxed jQuery grid plugin with amazing features.
As the grid is a client-side solution that loads data with Ajax callbacks, it can be used with any server-side language like ASP, PHP, ASP.NET, JSP and so.
A clever feature is sub grids which shows you a sub grid when a master column is called.
Some features of jqGrid:
- paging functions
- add, edit, delete & search records
- accepts XML, JSON, array or user data as input
- multiple selection of rows
- sub grid & grid details (great feature!)
- UI datepicker integration
- & more…
jqGrid is very impressive with the interface, features, usability & documentation. To check this great jQuery grid plugin, click here.
Requirements: jQuery 1.1.4+
Compatibility: All Major Browsers
Raphaël is a JavaScript library that facilitates using & creating vector graphics in websites.
It uses SVG & VML for creating graphics. As every graphic generated is a DOM object, you can manipulate them via JavaScript.
This graphics JavaScript library is very ideal for creating charts, images effects like rotation or reflection.
An example:
Creating graphics is much easier with Raphaël compared to writing everything from scratch as a circle can be created with:
paper.circle(320, 240, 50).attr({fill: "#223fa3", stroke: "#223fa3", "stroke-width": 3, "fill-opacity": 0.5});
The library currently works in all major browsers except Firefox 2 & it is still under development.
Requirements: No Requirements
Compatibility: Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+
Pure is an unobtrusive JavaScript template engine for HTML.
It aims to make HTML dynamic as templates can be created with only JavaScript, HTML & CSS.
Pure is fast & runs on the browser/client side. It currently supports JSON (XML to be supported soon).
This JavaScript template engine can be used as a jQuery plugin (soon Dojo, DOMAssistant, MooTools, Prototype).
Pure provides a detailed "getting started" information supported with helpful examples.
Requirements: jQuery
Compatibility: All Major Browsers
LightWindow is a highly configurable Lightbox (modal window) solution built with Prototype & script.aculo.us.
It can display any media including Flash, Quicktime or an external website. And, it has gallery support with a multi-gallery feature.
The modal window can be custom positioned and it is automatically resized to fit the content.
LightWindow can be re-styled including markup, CSS & animations easily. Besides clicking on the close button & outside of the modal window, ESC key works for this feature too.
Requirements: Prototype, Script.aculo.us (included with the download)
Compatibility: All Major Browsers
This is a JavaScript time picker with a drag’n drop enabled clock interface.
Usage is very simple, hour and minute hands can be dragged & dropped to the desired value. Clicking to the AM-PM also enables you to switch between them.
This time picker is highly configurable including the "starting hour", sizes & images used.
It requires Mootools and the document to be a XHTML doctype to run. Download package includes all the necessary resources including the PSD files.
Requirements: Mootools 1.11+, XHTML doctype
Compatibility: All Major Browsers
ProtoChart is an open source canvas chart library built with Prototype.
This library is highly inspired from Flot, Flotr and PlotKit & it enables us to create different chart types on the fly.
Features of this chart library:
- Line, bar, pie, curve, mix, and area charts available
- Multiple data series on same graph
- Highly customizable legend support
- Customizable grid, grid border, background
- Customizable axis-tick values (both x and y)
- Supports: IE6/7, FF2/3 and Safari
- Even works on an iPhone!
As IE6 does not support the canvas tag, Excanvas library is used for compatibility.
Requirements: Prototype 1.6+, Excanvas for IE6 compatibility
Compatibility: All Major Browsers & iPhone
js-hotkeys is a jQuery plugin which enables you to create keyboard triggered events.
Update: The plugin is based on shortcut.js. You may want to use this for not being restricted with jQuery.
This is a very nice feature if you want to provide users more browsing flexibility. And also, it can be used in JavaScript testing environments like triggering a test function by clicking CTRL + t.
A simple usage of the plugin is:
$.hotkeys.add('Ctrl+a',function(){/*DO YOUR DUTY*/});
$.hotkeys.remove('Ctrl+a');
A demo of this jQuery keyboard control plugin can be found here.
Requirements: jQuery
Compatibility: All Major Browsers (some handicaps are mentioned at the product website)
jqPuzzle is a jQuery plugin which enables you to create sliding puzzles from any image.
The created JavaScript puzzle can have the shuffle & solution options besides the moves made & seconds played.
jqPuzzle is highly configurable as the options in the interface can be enabled/disabled, number of rows & columns of the puzzle to be created can be defined & more.
How to use?
After inserting the jquery.jqpuzzle.js & jquery.jqpuzzle.css files to your webpage, simply give the class="jqPuzzle" to any image. That’s all.
Requirements: jQuery 1.2.1+
Compatibility: All Major Browsers
Mia Chat is an Ajaxed PHP chat application which is very simple to use & install.
It functions similar to the messenger applications, you can add buddies, chat with several users at the same time, change your online status & more.
This PHP chat supports many databases for storing data like MySQL, MSSQL, Oracle 8+, MS SQL Server 2000+, SQLite 2+ and PostgreSQL 7+.
Requirements: PHP 5.0.5+, Apache Server 1.3+
Compatibility: All Major Browsers & Databases
