It makes searching within the options possible which is very functional for large lists & selected items can be re-ordered by drag’n drops.

It can display the number of selected items & for an easier selection, there are select all/deselect all links provided.

The widget is unobtrusive & and be styled with ThemeRoller.

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!

Related posts

• Interaction Design Tool For Webpages: IxEdit
• Dynamic Drag’n Drop With jQuery And PHP
• Winners Of The Flowplayer Contest
• Table Sorter Plugin For jQuery: tablesorter
• Tabbed Content Area With jQuery And CSS

This interaction design tool is built with JavaScript & needs to be embedded into the webpage being edited. With the help of a modal-box-like interface, interactions created will be applied instantly.

Rather than totally new scripts, IxEdit generates jQuery & jQuery UI code using the parameters specified.

Interactions are stored in a local database (Google Gears), so, anything created won’t be lost even if the page is refreshed or closed.

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!

Related posts

• Table Sorter Plugin For jQuery: tablesorter
• Smart Floating Banners
• Slideshow JS: Unobtrusive JavaScript Slideshow
• Skin Your Ajax Applications: ThemeRoller
• Rounded Corners With No Images Using curvyCorners

5 posts will be published which will be handy for anyone building their own e-commerce system or prefers a ready-to-use one (& for jQuery fans). Here they are:

• Monday – Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP (Tutorial With Source)
• Tuesday – E-commerce Icons Collection
• Wednesday – Fly-To-Basket Effect With jQuery (Tutorial With Source)
• Thursday – 13 Tips For A Better E-Commerce Website
• Friday – Ajaxed Sliding Shopping Cart With jQuery (Tutorial With Source)

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!

Related posts

• Winners Of The Flowplayer Contest
• Table Sorter Plugin For jQuery: tablesorter
• Tabbed Content Area With jQuery And CSS
• Smart Floating Banners
• Sliding Top Menu With jQuery

It can create the tree from the following data sources:

• predefined HTML
• JSON
• XML

Different types of nodes (open, close, rename, create, delete) can be created & supports various callbacks (onchange, oncreate, ondelete, onload, etc …).

A great feature is async loading for creating dynamic trees by simply mentioning an URL for requesting data when needed.

Other features of jsTree:

• drag & drop of nodes
• multiple node selection
• multilingual – same tree in as many languages as you like
  
• ability to customize the look & feel
• animated open/close of nodes
• optional keyboard navigation
  
• ability to move nodes between multiple trees

The component can also work as a jQuery plugin.

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!

Related posts

• Table Sorter Plugin For jQuery: tablesorter
• Smart Floating Banners
• Slideshow JS: Unobtrusive JavaScript Slideshow
• Skin Your Ajax Applications: ThemeRoller
• Rounded Corners With No Images Using curvyCorners

It is totally configurable via markup & does not require any scripting. Although the download package comes with various styles, the look & feel of the slideshow can be completely customized.

The library is built with jQuery & it is unobtrusive. It offers several options like:

• number of seconds each image will be displayed
• if the images will be displayed automatically or manually
• image counter & controls activation
• if the images will be displayed randomly or in an order
• & more..

P.S. Don’t let the blury images in the demo fool you. With quality images, the script offers a nice presentation.

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!

Related posts

• Table Sorter Plugin For jQuery: tablesorter
• Smart Floating Banners
• Skin Your Ajax Applications: ThemeRoller
• Rounded Corners With No Images Using curvyCorners
• Load Content While Scrolling With jQuery

There are various syntax highlighters which can format the codes & color them appropriately according to the languages used. Whether it is a HTML page or runs on PHP, Ruby, Python, ASP, there is a suitable syntax highlighter.

And, here is a collection of 11 Syntax Highlighters To Beautify Code Presentation:

GeSHi (Generic Syntax Highlighter – With PHP)

GeSHi is a powerful syntax highlighter script that supports almost every language.

It is first created for phpBB forum system but became a project itself. It requires PHP to run (there is also a hack to make it work under ASP).

SyntaxHighlighter (With JS)

This is a flexible & extensible syntax highlighter built with JavaScript. It supports a wide range of languages from CSS to PHP or C++ to SQL.

SyntaxHighlighter offers ready-to-use themes an new ones can be created easily for a custom presentation.

It has support for 3rd party applications like Blogger, Wordpress, Joomla & many others.

Google Code Prettify (With JS)

This is the script used by the Google Code website. The script auto-detects the language used and highlights the code accordingly.

It is also customizable via CSS.

There is also an AS3 port to this code highlighting script named as3syntaxhighlight.

Highlight.js (With JS)

Highlight.js is very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

It has support for 3rd party applications and provides a Firefox extension for viewing code that doesn’t have syntax highlighting.

SHJS – Syntax Highlighting in JavaScript (With JS)

SHJS uses language definitions from GNU Source-highlight. This gives SHJS the ability to highlight source code written in many different languages.

Chili (With jQuery)

Chili is a code higlighter plugin for jQuery. It works very fast & can be totally customized.

It comes bundled with support for popular languages & the download package has examples on usage.

beautyOfCode (With jQuery)

This jQuery syntax highlighter plugin uses Alex Gorbatchev’s SyntaxHighlighter but with a twist: produces more xhtml-compliant codes.

Lighter.js (With MooTools)

Lighter.js is a MooTools-based code highlighter that can create outputs in various formats like ordered lists and tables.

It has a GeSHi-like class naming & requires MooTools 1.2.1+

ColourCode (With Ruby)

ColourCode is written in Ruby. It can read a source file and generate a syntax highlighted version in various formats.

Ultraviolet (With Ruby)

Ultraviolet is a syntax highlighting engine that runs on Ruby. It has support for 50+ languages & 20+ themes.

Pygments (With Python)

It is a syntax highlighter that is built with Python. Pygments supports a wide range of languages, various output formats & it is usable as a command-line tool or as a library.

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!

Related posts

• Share And Find Codes You Need With Snipplr
• Mootools Ajax Calendar (Vista-Like)
• Display MySQL Data In Google Maps Using DrasticMap
• Compare Frameworks For PHP, JS, Ruby & CSS
• Voice Enabled Powerful Web Chat Software: Ajax Chat

The library provides an Excel-like navigation that can be bundled with features like on-click editing.

The inline row editing feature is accomplished with the jQuery jEditable plug-in. And,  KeyTable integrates easily with DataTables (see WRD post).

The library works in 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!

Related posts

• Table Sorter Plugin For jQuery: tablesorter
• Smart Floating Banners
• Slideshow JS: Unobtrusive JavaScript Slideshow
• Skin Your Ajax Applications: ThemeRoller
• Rounded Corners With No Images Using curvyCorners

Although there are missing features from the standard effect like "the slider not going back", it is still inspiring & can be used to create a form control (like captcha) or present a content in an iPhone like interface.

(See also: iPhone Application And Website Development: All Tools And Tutorials You Need)

For the slider, jQuery UI’s slider component is used.

For a demo of this interface, click here.

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!

Related posts

• Winners Of The Flowplayer Contest
• Table Sorter Plugin For jQuery: tablesorter
• Tabbed Content Area With jQuery And CSS
• Smart Floating Banners
• Sliding Top Menu With jQuery

To Remind:

The player has a JavaScript API (with jQuery support) that enables you to control almost every aspect of the player.

It is totally skinnable & every part (component) of the player can be removed or re-positioned.

They have picked the winners: "3 most creative use of Flowplayer".

Here they are:

A Wordpress plugin for Flowplayer

The player is now much easier to integrate with Wordpress.

An advertising solution with the powerful Flowplayer API

The advertisement is placed under the canvas coupled with a pre-roll video ad. The content plugin is used to tell the user when the featured fighting video starts. A good example of Flowplayer scripting). 

Eye candy

Nice controlbar skinning together with fiercy red overlays. The Expose tool is used to further enhance the experience. You can see that having a custom image on the overlay is a very powerful way to visualize your pages.

Click here to go the Flowplayer’s homepage.

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!

Related posts

• The Css Awards: Get Inspired & Promote Your Website (50% Discount Code)
• Templates.com – Slogan Contest Winners Are Selected
• Table Sorter Plugin For jQuery: tablesorter
• Tabbed Content Area With jQuery And CSS
• Stunning Ajax File Manager: AjaXplorer

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.

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!

Related posts

• Lightweight Window – Alert Plugin For jQuery: jqModal
• jQuery Coda Slider
• Feature-Rich Data Grid For jQuery: Flexigrid
• Database From JavaScript: Taffy DB
• Customizable AJAX File Browser For jQuery