CSS3 Powered jQuery Image Slider for 2D or 3D transitions – Flux Slider

Flux Slider is an image slider using CSS3 animations for creating good looking 2D or 3D transitions.

It requires jQuery or Zepto.js, inspired from the transitions of Nivo Slider jQuery plugin and mimics them without using traditional JavaScript-timer-based animations.

Currently, there are 10+ transitions including Bars-Bars3D, Blinds-Blinds3D, Cube, Zip and more.

Continue reading

Easy CreatE Bar Charts With MooTools And jQuery

Ivan Lazarevic is sharing 2 different plugins for creating bar charts with jQuery & MooTools:

Both plugins can create simple or stacked bar charts & data to be displayed is loaded with an array.

jqBarGraph has support for animated loading of the charts however mooBarGraph offers more features like:

  • url bars
  • info boxes (interactive charts)
  • negative values
  • AJAX data loading

Continue reading

Best Javascript Plugins for lovely Makeup of Web Forms

In this post, I have found 10 javascript plugin that will able to skin the web form, they will look consistent in different browsers. Some of them skin the entire form elements and some of them skin only checkboxes and radio buttons. Anyhow, I think this is something good to know if your client want to spice up the webform a little bit more.

In this showcase, you will be able to get inspired by the creativity from other web designers.

jQuery Checkbox

Continue reading

Magic of jQuery, Making an Interactive Picture with jQuery

In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect of a photo (ie items or people).

The original inspiration for this tutorial came from the IKEA website, which uses Flash to accomplish something similar, although admittedly with a few extra features.

interactive_goal

  1. This tutorial will show you how to set up the basic structure for your own interactive picture.
  2. Create/Position “more info” buttons
  3. Add captions to buttons
  4. Link buttons to descriptions in popup info boxes

Read Full Article: http://buildinternet.com/2009/11/making-an-interactive-picture-with-jquery/

Free Ajax Upload Script Competible With PHP, .NET Or Coldfusion

AJAX Upload is a free script for easily impelementing Ajaxed upload interfaces.

It comes with ready-to-use server-side code for PHP, ASP.NET & Coldfusion.

ajax-upload-script

The script doesn’t require any JS library to run & compatible with any of them (the example code uses jQuery).

As the upload function is fired with JavaScript, it is possible to use any object/image as the upload button which makes stying much easier.

Continue reading

Free tool for diagnosing & preventing Ajax performance issues. IE Ajax Performance Analysis, dynaTrace AJAX

dynaTrace AJAX Edition is a free tool for diagnosing & preventing Ajax performance issues.

The tool runs on IE & measures the performance of your AJAX application as real users are feeling it.
dynatrace-ajax

It traces & analyzes AJAX calls through their entire round trip (DOM event, JavaScript, HTTP request, avaScript callback) and displays network traffic, CPU load, execution times & more.

Continue reading