deploy* is an open source web application that enables you to create your web project framework with ease.

It lets you to choose the:

• XHTML document type
• CSS file (blank or with resets)
• jQuery to be included or not. If yes, ask for some popular plugins
• major directories like images, includes to be added

Once the link that creates to project framework is bookmarked, same framework can be created with just a click.

The idea itself is very nice: “instantly starting a project with the preferred structure“. If more libraries, CSS frameworks would be supported, it can become much more flexible (as it is open source, anyone can add these).

Flash technology is an excellent way to create animated content among many other possibilities.Personally I prefer to use proprietary technologies.

Fortunately, every day there are new ways of doing the same thing, but using these standards and making presentations are more usable and accessible without sacrificing appearance. One such script is JS Coverflow with which we can implement an elegant image carousel.

Features:

• This tested browsers: Firefox 3, Opera 9.5 and Safari 3
• Only works with images with the same height and width
• Used easily with the mouse wheel or using the scroll arrows;
• Personalize the labels and the onclick event that fires in the center of the image in the foreground.
• This script has been tested with other libraries as Javascript: jQuery, MooTools, Dojo and Prototype.

Website: http://radnan.public.iastate.edu/coverflow/

One of the most used in the galleries that implements the library (library) Lightbox.

It is an interesting alternative to Lightbox since it has rounded edges and the overall appearance is somewhat different. This gallery is very easy to implement and is distributed under a Creative Commons Attribution 2.5.

Compatibility: All Major Browsers

Click here for Demo and Download

Web applications often require a calendar or date picker functionality. Whether it’s a web form that requests the user’s date of birth, a content management system that needs to display a calendar of events on a side column, or an application that charts data as a function of time – there’s never a short supply of demand for calendars or date pickers.

To write a custom solution yourself is one option, especially if you have the time, and your requirements can’t be met by freely available scripts. But if you’re the type that wants to save some time – check out these brilliant, free calendar and datepicker scripts available for download. You can use them for inspiration, incorporate them into your project as they are, or modify them to suit your needs.

Calendar: a Javascript class for Mootools

The Calendar class for mootools is a script that plugs into the mootools framework, providing you with an accessible, unobtrusive datepicker for your web forms.

The Calendar class gives you three navigation options: navigate by month, navigate by month or year, and static/no navigation. It supports multi-lingual and fancy date formatting features, and also allows you to restrict the range of available dates that the user can select. The script weighs at about 15KB compressed with the YUI compressor, but you can download the uncompressed version with the developer’s comments if you want to modify it or understand how it works.

Try the Demo

Make a Download

MooMonth

MooMonth is a full calendar application with smooth animation effects and is highly-customizable to your web application’s needs. Clicking on certain areas such as the day or event expands (or collapses) the area to focus on the particular date. It’s still in the alpha phase, but brief testing under Firefox 2, IE 7, and Safari 3 indicates that the current version works as intended.

Website: http://code.google.com/p/moomonth/

Download: http://code.google.com/p/moomonth/downloads/list

Read the rest of this entry »

We can create javascript treeview component quickly with jsTree. It accepts various data sources including predefined HTML, JSON and XML. User can open, close, rename, create, delete nodes easily. jsTree supports drag & drop and multiple select as well. And also, jsTree supports easy CSS customization of icons, dots, background, fonts & sizes. So that you can create your own unique javascript treeview component easily.

Requirements: jQuery Framework

Website: http://www.jstree.com

Demo: http://www.jstree.com/jsTree/examples/

Create your own simple image gallery for your site with jQuery. jQuery makes creating simple interactive web pages a breeze. Use this easy to implement jQuery image gallery to show off your quality images using an interactive interface. This script uses the hover method on thumbnail images to show larger versions of the thumbnail.

Demo via: http://www.adamoliver.net/jquery-image-gallery

Download via: http://blog.adamoliver.net/wp-content/uploads/2008/12/jquery-gallery.zip

Requirements: http://www.jquery.com/

There are four buttons on this example, each of which has three states. That would normally be 12 images (thus 12 server requests), but thanks to the CSS sprites technique it is only one. The technique is demonstrated practically in the form of an accordion widget.

Demo

Download

This is a jQuery based slider which auto-detects the number of “slides”. There are multiple animations per slide, which auto-plays, but has a start/stop button. Very easy to adapt.

Demo

Download

Ajaxify is a jQuery plugin that converts all links in a web page into Ajax load-submit requests.

So, with a single line, you can turn a static website into an Ajaxed one.

It has support for:

• History & bookmarking
• Partial load from the output
• Four events
• Forms
• Animations

In the demos page of Ajaxify, there are lots of examples presented to get you going with it.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://max.jsrhost.com/ajaxify/

Demo: http://max.jsrhost.com/ajaxify/demo.php

Scrollable is a flexible & lightweight (3.9kb) jQuery plugin for creating scrollable contents.

Any content (HTML, video, text..) can be used as a scrolling item. And, it supports vertical scrolling besides the standard horizontal scrolling which makes it very ideal, specially for news sites or portals to present the flash contents.

Other features of Scrollable are:

• Setting the number of visible items
• Mouse, arrow keys and mousewheel (requires mousewheel.js) support
• Programmatic actions: next, prev, nextPage, prevPage, seekTo, begin, end
• Know when list is scrolled with custom event listener

This jQuery plugin is built by the FlowPlayer team (see WRD post) and includes great examples (this & this) with FlowPlayer integration.