JS Charts is a free JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML or JavaScript Array and your chart is ready.

Read the rest of this entry »

WWW SQL Designer, an open source application, allows users to create database designs, which can be saved/loaded and exported to SQL scripts.

Various databases and languages are supported. Ability to import existing database design.

Database Supported Features:

• keys
• Foreign key constraints
• Comments
• Indexes

Read the rest of this entry »

Slide box, With it, you can take any div and transform it into a top/bottom sliding panel.  This script has a nice and smooth animation effect, it slides down and slides up with ease.

Read the rest of this entry »

“How to create a stylish loading bar as Gmail in javascript“. As you can suppose it will be about how to create the famous loading bar from gmail.

But the magic on this tutorial isn’t the loading bar, it’s the way to load all resources like javascript, css, and other static files that our web application will need, to delete user waiting times during his visit.

View Loading Bar Demo

Download Source Files

View Tutorial

JSXGraph is a cross-browser library for interactive geometry, function plotting, graphs, and data visualization in a web browser. It is implemented completely in JavaScript and uses SVG and VML.

Some Features:

• Easy to embed
• Small footprint: only about 55 kB (embedded in a web page).
• No plugins are required!

Read the rest of this entry »

PHPBench was constructed as a way to open people’s eyes to the fact that not every PHP code snippet will run at the same speed. You may be surprised at the results PHPBench generates. It was also created so that you would be able to find discovery in these statistics and then maybe re-run these tests in your own server environment to play around with this idea yourself, by using the code examples. You can see some interesting conclusions from PHPBench as follow as well.

Website: http://www.phpbench.com

OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. MetaCarta developed the initial version of OpenLayers and gave it to the public to further the use of geographic information of all kinds. OpenLayers is completely free, Open Source JavaScript, released under a BSD-style License.

OpenLayers is a pure JavaScript library for displaying map data in most modern web browsers, with no server-side dependencies. OpenLayers implements a JavaScript API for building rich web-based geographic applications, similar to the Google Maps and MSN Virtual Earth APIs, with one important difference – OpenLayers is Free Software, developed for and by the Open Source software community.

As a framework, OpenLayers is intended to separate map tools from map data so that all the tools can operate on all the data sources.

Website: http://www.openlayers.org/

Download: http://www.openlayers.org/download/

As the web grows and becomes more dynamic (“Web 2.0″), more and more websites have user-generated content and boast tools to let users sumbit text, images, videos, and more, providing content for entire web networks. Most of the time, people submit photos straight from their camera because they don’t have photo editing programs or they don’t know how to use them. This simplified tool gives your users the ability to create a selection area that can be used to crop an image live on your web site.

Read the rest of this entry »

You would be aware of some sliders that change the values when you release mouse after making a drag. But this Beautiful Scriptaculous Slider does the magic and it changes the values while you drag. Its not dumb like other sliders we have seen in past.

Its pretty darned easy, but looks really neat.

You can also control the slider with Mouse Wheel.

Website: http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/

Demo: http://dev.amnuts.com/slider/

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

It’s simple to use and easy on the eyes. You just need to follow some steps and its done!

Features:

• Lightweight
• Cool Curved Borders
• Easily Customizable

Requirement: jQuery 1.2.1

Website: http://famspam.com/facebox