This video tutorial will walk you through setting up a registration and login system for your web pages. You can then password protect any pages you desire on your website.

The script allows a user to register, log in, log out, change their password, and retrieve a forgotten password. It also makes sure the user submits a valid email address by sending them a link to their email that they must click before the registration is completed.

There is no need to know coding the video will walk you through setting it all up. All the files you need are available for download on this site.

User Registration

• Log in
• Log out
• User can change password
• User can retrieve forgotten password
• Password protect any pages on your site with a small snippet of code
• Of course it’s free

Click Demo to try out the registration system.

Click Download to download files.

Effective data visualization allows users to easily understand and consume otherwise complex, boring information. Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are a variety of ways you can plot data on-the-fly – but in this article we’ll focus on 10 excellent JavaScript solutions to graphing/charting data that allow you to process data client-side. You’ll also find a link to one of the demonstration pages of the script so that you can see it in action.

Flot

Flot is a data-plotting library developed by IOLA built on top of jQuery. It’s easy to use, yet feature-packed and elegant. It has a mouse-controlled zooming feature (click and drag over the target area) and some simple user interactivity features such the ability to determine the x and y coordinates of mouse clicks.

Demo: Different graph types

Flotr Javascript Plotting Library

Flotr, written by Bas Wenneker of Solutoire.com, is a plotting solution inspired by Flot that uses the Prototype JS library and excanvas.js. It supports most modern browsers including Internet Explorer 6, and has many features of Flot including mouse tracking, selection, mouse-tracking features.

Demo: Basic Legend Example

Read the rest of this entry »