Free Web Resources

Any+Time is a feature-rich jQuery plugin (has a PrototypeJS version too) for creating simple-to-advanced date and time pickers.

It can work as a pop-up or an always present picker, can be set as a time or date only picker and supports:

• 12/24 hour clock
• any custom date format
• date/time range limits
• custom start day of the week
• UTC offsets / time zones
• and more.

Any+Time can be customized with custom labels and languages. Also, it can be styled completely via CSS or with the help of jQuery UI ThemeRoller.

Using the plugin, you can easily convert dates to/from strings (including JSON and XML) and it supports multiple instances in a single page.

It is keyboard-friendly (WAI-ARIA 1.0) and, optionally, can respond to double clicks.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Advanced JS Date-Time Picker – Any+Time

Faary is a free web-based form builder that enables designing forms by simply defining them as text.

In order to better define how it works, an entry like:

• header,
  

jsDatePick is a very easy-to-implement JavaScript date picker.

It can appear by clicking an input field or directly appended into the target element and can be browsed quickly as months or years.

The picker can be set to display a range of years or limited to today's date. And, a selected date can be passed within the parameters which is useful when editing a date field.

jsDatePick comes with ~10 color schemes where new ones can be created.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Easy-To-Use JavaScript Date Picker: jsDatePick

The transform property of CSS allows rotating, scaling, and skewing objects in HTML.

However, as expected, it doesn't work consistently on every browser (specially IE) and requires a different rule for almost each of them like:

• -moz-transform for Mozilla
• -o-transform for Opera
• -webkit-transform for Webkit engines (like Safari)

cssSandpaper is a JavaScript library which enables IE to support CSS transforms and every other browser to work with the same rule definitions.

The library requires its own CSS rules like -sand-transform, -sand-box-shadow or -sand-gradient.

Once they are defined, it searches for these rules in the CSS file and applies the browser-specific transformations via JavaScript.

There is an impressive demo provided which can be tested with every browser.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript, Transform

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Cross Browser CSS Transforms – cssSandpaper

Spritely is a jQuery plugin for creating dynamic character & background animations using HTML + JavaScript.

With the power of JavaScript, the animations can be controlled on events (clicks, mouseovers) easily.

Animated elements can fly over the page without effecting any other element (can be ideal for floating-type banners) & the page still remains accessible.

Specially, for the platforms where Flash is not supported, Spritely can be an alternative (like iPhone, iPad).

It works in all major browsers including IE6.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript, Sprite

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Sprite Animations With jQuery: Spritely

Ketchup is an easy-to-customize (in means of appearance & functionality) jQuery plugin for validating user inputs on the client-side.

The plugin works by inserting the validation rules inside the markup, just like:

It comes with a bunch of ready-to-use rules, including: required, min/max length, number, URL, e-mail & much more where new ones can be created as well.

Using Ketchup, it is possible to combine validations (a field can be both required & e-mail).

Although the default setup of the plugin is very satisfactory, like mentioned, it is possible to create a new look & feel (which is easy with the documentation provided).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Slim jQuery Form Validation Plugin: Ketchup

jqFancyTransitions is a jQuery plugin for displaying images as a slideshow with fancy effects.

It has support for 3 transitions: wave, zipper & curtain but they can be diversified with the ability of setting the position & direction of the animations.

The slideshow has few other configuration options like:

• delay between transitions
• delay between strips
• number of strips
• title speed
• title opacity

Compared to many other slideshow scripts, jqFancyTransitions doesn't require an unordered list of items but, simply, needs an element wrapping the images.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Charming Slideshows With jqFancyTransitions

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

• jqBarGraph (for jQuery)
• mooBarGraph (for 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

They are both very easy to use & support all major browsers.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Creating Bar Charts With MooTools And jQuery

Quicksand is a very functional jQuery plugin for reordering and/or filtering items with a nice shuffling animation.

It simply replaces a collection of items with another & only requires the sets to be provided which can be done in multiple ways:

• using plain HTML, like an unordered list
• downloading data by an Ajax call
• transforming HTML items by JavaScript

Quicksand also comes with few options like setting the duration or the easing type of the animation (optionally, Easing plugin can be used for more easing types).

Special Downloads: /> Ajaxed Add-To-Basket Scenarios With jQuery And PHP /> Free Admin Template For Web Applications /> jQuery Dynamic Drag’n Drop /> ScheduledTweets

Advertisements: /> SSLmatic – Cheap SSL Certificates (from $19.99/year) /> Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Filtering, Javascript />

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Animated Reordering And Filtering Of Items: jQuery Quicksand

Uniform is a jQuery plugin that enables you to control the look & feel of form elements (checkboxes, drop down menus, radio buttons & file upload inputs).

It is unobtrusive & works by hiding the original elements + replacing them with custom ones.

Uniform is very easy to use & can be set to convert every form element on the page or any specific ones.

The plugin has theming support & comes with a theme kit to quickly create unique forms.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Click here to read the full article

Article Source: Attractive Forms With jQuery: Uniform