Creative Website Tutorial

JavaScript charts – free charts generator

JS Charts is a 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 . No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is ready!

Feature

You don’t have to write code

It’s easy…

ParamQuery grid – jQuery Grid Plugin

ParamQuery Grid is an open source initiative for the web whose easy to use interface is inspired by MS Excel and Google spreadsheet. The purpose of this section is not only to demonstrate the capabilities of ParamQuery Grid but also to test it’s suitability for various real life use cases.

Feature

Local and remote (Ajax) sorting

Local and remote (Ajax) paging

Resizable columns

Resizable height…

jQuery Animations Tile Tutorial With Demo

A plugin of jQuery animations that provides tile animations.

Browser Support

jQuery-animations currently supports IE10+, Chrome, Firefox, Safari and Opera.

Options rows: Number (default: 1)

Sets rows of tiles.

cols: Number (default: 1)

Sets columns of tiles.

effect: String or Array or Function (default: "flyOut")

Sets animations to tiles, multiple for alternate. You can also use a function to…

jQuery responsive cropping tutorial with demo

jQuery responsive cropping tutorial Dynamically crop images to fill available space without cutting out the image’s subject. Great for full-screen images.

PicEdit – jQuery Front End Image Editor Tutorial With Demo

The plugin will turn your form’s file box into a tiny image editor/uploader. Perform basic image operations and preview your image before uploading to the server. The functionality for the plugin is very similar to the one introduced in pasteboard.co website and photobooth.js library.

This plugin allows you to receive images from 3 different sources:

You can search your computer for images by…

jQuery Cover Background Tutorial With Demo

This jQuery plugin is a smarter version of the CSS3 feature “background-size: cover”, to cover the area of a HTML element with a background image.

Feature:

Safe Area: it is possible to define a safe area of the image, that will never be cropped. See below for further information.

IE8 compatibility (or any other browser that does not support background-size): instead of using a CSS background…

jQuery API for generating random user data

Random User Generator is a free API for generating random user data. Like Lorem Ipsum, but for people. The application will provide you with a JSON, SQL, CSV, or YAML object that you can parse and apply to your application.

You can use AJAX to call the Random User Generator API and will receive a randomly generated user in return. If you are using jQuery, you can use the $.ajax() function in the…

jQuery Tutorial for creating an interactive 360º image rotator

A jQuery plugin for creating an interactive 360º image rotator.

Using This tutorial, you can easily give your webpage visitors a great 360º viewing experience with your product, images, or anything else you can think of.

jQuery Blur backgrounds tutorial With Demo

jQuery Plugin to create nice blur backgrounds from an image.

Support

IE 8/9 (partial)

IE 9+ (full)

Chrome (desktop/mobile)

Firefox

Opera

Safari (desktop/mobile)

Not supported, yet

Safari on Windows

Not tested

iPad

Required

jQuery (most versions will work)

Blurr

A web page

Some divs

Example inclusion

jQuery Autocomplete Mutiple Fields Using jQuery, Ajax, PHP and MySQL

how to populate multiple textfields using single jQuery autocomplete select. For example I am going search country name on country name textfield using jQuery autocomplete, finally results will show list of country names that matches your search. While selecting country name from any one of the search results, it will populate that corresponding country Number, Country Phone code and Country code…

JQuery Image floaty dots tutorial with demo

Images go whoa with lots of floaty dots. This tutorial is user for convert image into lots of floaty dots.

Printer- jQuery AJAX style page loading Tutorial With Demo

Printer is an AJAX style page loading jQuery plugin that retrieves the URL from each hyperlink in the sidebar on the fly upon being clicked.

Features

A robust API (almost)

Super simple setup

Low overhead (getting there..)

Highly customizable behavior and appearance

Cross browser compatible (for newer browsers, not yet tested in older browsers)

Super smooth CSS animations

Slideshow mode

Adaptive…

JQuery asynchronous ajax/php dynamic gallery Tutorial With demo

donkeyGallery is an asynchronous ajax/php dynamic gallery with pagination and fancybox included, simple to install and use. With this tool you can create any galleries you want on the same site and on the same page.

Each gallery, once is configured, can be updated simply charging your new images on gallery dir.

To configure the gallery loading we provide a plugin that help you to create…

Cropit – jQuery Customizable Crop and Zoom Tutorial With Demo

This is A jQuery plugin for image cropping and zooming that Loads images locally via FileReader, and does cropping using canvas. It Designed to be extremely customizable via CSS. Best for the cases where you want users to upload images of a specific size and ratio.

Table Bar Chart – Render Bar Chart from existing Table content

This Tutorial is a Simple jQuery plugin to render a bar chart from existing contents

Features:

Easy to use (no extra javascript code to define data).

Animation (at display time and hovering on legend item)

Popup for value of each bar

Support group by table column (default) or table row

SceneGraph.js – HTML5 interactive and animation framework

Full Animation engine, high Performance, Collision detection, Caching, node Manipulation, Event handling, Customization, and many more… .

Since the start of the project, it has been designed to be used on professional application as well as for game development.

A lot of very cool and useful features already provided and always more to come… Stay tuned :)

jCart – Free jQuery Ajax web cart Tutorial With demo

jCart is a free Ajax shopping cart that’s easy to install and customize.

Based on jQuery and PHP, jCart handles visitor input without reloading the page and is fully functional even without javascript.

Fetaure

PayPal checkout integration

Simple integration with your site

XHTML compliance

2KB of unobtrusive javascript

Full functionality with javascript disabled

Server side input validation

Easy…