Transformie is a jQuery javascript plugin that comes in less than 5k, you embed into web pages and that brings you CSS Transforms by mapping the native IE Filter API to CSS transitions as proposed by Webkit. You are able to you to use CSS transforms in Internet Explorer by mapping the native IE Filter API to CSS transitions. It supports the functions including rotate; scale, scaleX, scaleY; skew, skewX, skewY & matrix (with the exception of the last two modifiers, tx and ty) in degrees, radians or grads. It has been tested in Internet Explorer 6 + 7 and does nothing in other web browsers.

• http://transformie.com/

Original Post URL: Transformie – CSS Transforms jQuery Plugin for Internet Explorer

Blockster is a Javascript transition effect designed for “featured content” rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It’s a jQuery lightweight plugin for creating featured content sliders with beautiful effects. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more. It rotates a a series of divs and displays any side info by pausing for a given period between each other. The plugin has 2 effects which simply makes the transition between one element to the next block by block but results in an impressive look. You can customize Blockster transition effects by defining the number of rows, columns and the speed.

• http://www.mitya.co.uk/scripts/Blockster-transition-effect-122

Original Post URL: Blockster jQuery Content Slider with Various Transition Effects

Developed by Brian Landau, jMapping is jQuery plugin that you can use to quickly create web pages that implements a Google Maps by specifying list of the locations in your HTML. You have to make sure your HTML markep has a DIV element for the Google map, and there is a container element with some locations and their data. It is a cross browser plugin that works in all major browsers including IE6. The plugin is fairly easy to setup and you can add info bubbles and embed HTML inside of the info-bubbles in an easy clean manner. jMapping is easy to implement, feature rich plugin powered by jQuery Metadata, MarkerManager, and MapIconMaker plugins. It offers several configuration options, object and event APIs; enabling you to customize it according to your needs. jMapping jQuery Plugin is available for download under MIT License.

Key Features of jMapping:

• Attach metadata to Map elements
• Ability to use multiple css and ID selectors
• Loading data via AJAX
• Custom Map Types – Hybrid
• Update map on AJAX call
• Javascript paging for larger result sets

http://vigetlabs.github.com/jmapping/

Original Post URL: jMapping Google Maps jQuery Plugin

Simple Slide is a lightweight (15kB for the full version, and a minute 6kB for the hyper-compressed version) jQuery plugin for creating functional slideshows. You can easily setup multiple SimpleSlides since it only require nested “divs” with specific class names and “rel” values to group various slides together. It also provides few configuration options to customize the animation speed, size of the status element, and status bar colors. Some of its features including: ability to add any type of content in the slide window; supports full screen display in full browser window and swipe functionality; provides status display that configures itself; AJAX page loading; callback function support; and cross-browser tested in all modern web browsers includes Firefox 3+, IE 7 & 8, Google Chrome 5+, Safari 4+ and Opera 9+. There is a instruction to help you install SimpleSlide on WordPress powered sites as well. SimpleSlide was built for jQuery 1.4. SimpleSlide is available for free to download, you can find more information such as features, setting up and demos on its official site.

• http://www.simplesli.de/

Original Post URL: Simple Slide jQuery Slideshow Plugin

Pikachoose is a jQuery Javacript library image gallery that offers a number of options for displaying your pictures like slideshows. It’s a lightweight jQuery plugin that allows you to easily create photo galleries with customization options for slideshows, navigation buttons, and auto play. It also allows you to add more than one image gallery in a single page. Pikachoose is a cross-browser jQuery plugin that works in all modern web browsers.

Pickachoose is easy to implement that requires simple markup including an unordered list containing images and captions. You can also customize the look and feel of the gallery or slideshow by editing CSS. It offers configuration options enabling you to customize various features as well. Version 3.2 of PikaChoose jQuery image gallery is now available to download.

• http://pikachoose.com/

Original Post URL: Pikachoose Lightweight jQuery Image Gallery

Developed by DevGrow, Griddy is a jQuery plugin that creates a simple, customizable grid overlay on top of any element. It calculates row heights and column widths automatically based on the number of rows or columns and gutter space. Griddy jQuery framework can also calculate row heights and column widths automatically based on the number of rows/columns and gutter space. There are few options, including: rows, row height, row gutter, columns, column height, column width, color and opacity. This jQuery plugin has been tested on Safari, Chrome, IE7 and Firefox 3, download Griddy plugin or check out the example page in action.

• http://devgrow.com/griddy-overlay/

Original Post URL: Griddy jQuery Grid Overlay Framework

ValidForm Builder is a PHP and JavaScript library allowing you to simply and fast create web standards based forms that valid XHTML Strict 1.0 and CSS both. It also helps you to validate form fields on client and server side. This JavaScript library requires PHP 5+ and jQuery, and works in all major browsers. ValidForm Builder is open source, build and validate web based forms using PHP.

Key Features:

• The API generates XHTML Strict 1.0 compliant code;
• Field validation on the client side to minimize traffic overhead;
• Field validation on the server to enforce validation rules and prevent tempering with the form through SQL injection;
• Client side validation displays inline to improve user satisfaction. No more annoying popups that don’t really tell you anything;
• Creation of complex form structures;
• Uses the popular jQuery Javascript library for DOM manipulation;
• Completely customizable using CSS rules;
• Automatic creation of field summaries for form mailers in HTML and plain text.
• http://validformbuilder.org/

Original Post URL: Generate XHTML and CSS Valid Forms with ValidForm Builder

Qutensil JavaScript Toolset is built on the Prototype and Scriptaculous JavaScript libraries and has various features such as color picker, tooltip system, script.aculo.us slider, a growl-like user messaging system, & floating, draggable and resizable alert screen window system. Designed by cktail, Qutensil is using a dynamic stylesheet system that generates CSS declarations on demand and only for the modules active at that time. Therefor you can add your own declarations for any given class or object. Download Qutensil JavaScript toolset to spice up your web apps with easy styleable tools button. It’s free for non-commercial projects.

• http://qutensil.com/

Original Post URL: Prototype and Scriptaculous JavaScript Toolset – Qutensil

RGraph is a free HTML5 canvas graph library that you can use to create numerous type graphs like bar chart, bi-polar chart, donut chart, funnel chart, gantt chart, horizontal bar chart, LED display, line graph, meter, odometer, pie chart, progress bar, pseudo radar chart, scatter graph and traditional radar chart. RGraph is a interactive Javascript graph library using the HTML5 canvas tag. RGraph is covered by the RGraph License. There is a one-time licensing fee to pay for commercial usage but it’s completely free for personal purposes.

• http://www.rgraph.net/

Original Post URL: RGraph Free HTML5 Canvas Graph Library

Coin Slider is a lightweight (8KB only) jQuery plugin that allowing you to create a special image slider by automatically slicing images into squares with unique image transition effects such as squares per width and height, delays in squares and transitions or opacity level and speed of the information. It can creates random, swirl, rain and straight effects by changing order in which these squares appear to form complete image. Coin Slider jQuery image slider plugin also has a navigation box and prev-next buttons that appear on hover for easily browsing images. The image slider has an optional auto-slide feature which can also pause on hovers. You can easily implement and fully customizable using CSS, and provides several configuration options to customize its behavior. Coin Slider is cross browser plugin compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+. Developed by WordShop.rs, Coin Slider jQuery Plugin is available to download under the MIT License.

• http://workshop.rs/projects/coin-slider/

Original Post URL: Coin Slider – jQuery Image Slider Plugin with Unique Transition Effects

Nivo Slider, developed by Dev7studios, is a simple and lightweight jQuery image slider plugin with 9 awesome transition effects including sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade and random. Nivo Slider is very easy to implement and requires simple markup with images wrapped inside a div element. To to add a caption you simply need to add a title attribute to the image. In addition to left and right buttons, it can display navigation controls enabling users to jump from one slide to another. Nivo Slider also provides several configuration options, enabling you to customize its behavior. It has been tested on Internet Explorer, Firefox, Google Chrome and Safari. You are free to download and use it under the GPL license.

Key Features:

• 9 unique transition effects;
• Simple clean and valid markup;
• Ability to configure animation speed, pause and number of slices;
• Enable or disable directional and control navigation;
• Ability to add beforeChange and afterChange functions;
• http://nivo.dev7studios.com/

Original Post URL: jQuery Nivo Image Slider with Multiple Transition Effects

Chapter 1: MooTools and Me
Chapter 2: Writing JavaScript with MooTools
Chapter 3: Selecting DOM Elements
Chapter 4: The Core’s Useful Utility Functions
Chapter 5: Working with Events
Chapter 6: Bringing Web Pages to Life with Animation
Chapter 7: Going 2.0 with Ajax
Chapter 8: Beefing Up MooTools: Using the MooTools More Plugins
Chapter 9: Creating Your Own Plugin

Original Post URL: MooTools 1.2 Beginner’s Guide Book

gMap is a lightweight jQuery plugin that helps you easily embed Google Maps into your websites. It’s only 2KB in size and very flexible and highly customizable as well. To implement gMap to display Google Maps on any website, you need to sign up for a Google Maps API key and jQuery library at least in version 1.3. You can custom the gMap’s latitude/longitude, default zoom level, markers, info positions to display as a pop-up, custom marker images, mapping controls on/off, scrollwheel and more. Download the latest version of gMap and include the Google Maps API along with jQuery and gMap in the section of your website.

• http://gmap.nurtext.de/

Original Post URL: gMap Google Maps jQuery Plugin

Plupload is an advanced file upload handler that allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features like image resizing, displaying upload progress, drag and drop, multiple file uploads, chunked uploads unique filename generation, max-file-size limit and more. Plupload is an open source and powerful multiple files uploader for your Content Management Systems and can be used via the JavaScript API or the ready-to-go jQuery plugin. The developers can also write your own custom code for implementation. Plupload is developed by the team of TinyMCE. You can see the Plupload jQuery queue widget, all runtimes, and custom upload codes examples right here.

Original Post URL: Plupload Advanced File Upload Handler

jQuery is one of the most popular JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Today the jQuery team have just released jQuery version 1.4 to developers to celebrate their 4th birthday. Web designers and developers can now download or learn more about jQuery 1.4. jQuery 1.4 is also available as part of Google Ajax APIs. jQuery 1.4 comes with tons of new features and functions:

• Performance Overhaul of Popular Methods – jQuery developers have rewritten code for most of the earlier functions to provide with significant performance gains;
• East Setter Functions – added new and easy setter functions for all the objects;
• Improvements in Ajax – introduces several significant updates to Ajax and JSON handling.
• http://jquery14.com/

Original Post URL: Download jQuery 1.4 – jQuery14 the 4th Birthday

Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane. Google Wave layout can be coded in 100 lines of UKI code. UKI uses progressive rendering can render 30k+ lists and tables very quickly. Uki works cross-browser with IE6+, Opera 9+, Firefox 2+, Safari 3+ and Chrome.

• http://ukijs.org/

Original Post URL: UKI Simple JavaScript User Interface Toolkit

MooShell is an web application that allows you to test your JavaScript, HTML and CSS in relevant fields and run to see the output. You can save your code for further usage and to share with others via a unique URL. It provides you with an update option to create a new version of your existing code. To choose the MooTools version, you can use the settings panel in the sidebar. MooShell can come handy for programmers and web developers to quickly and easily test and debug code snippets before actually implementing them. The web application is also light weight, free for use and does not require installation of any extra software.

• http://mootools.net/

Original Post URL: Test MooTools Code Online with MooShell

Highcharts is a JavaScript charting library allowing you to create interactive charts simply for your websites or web applications. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types. The Highcharts charts are compatible with all modern browsers including iPhone and Internet Explorer 6. Highcharts needs three JavaScript to run: the highcharts.js core, a canvas emulator for IE, and either the jQuery or the MooTools framework. Highcharts is a charting library written in pure JavaScript therefor no need any side plugins like Java or Flash. Setting the Highcharts configuration options don’t require any special programming skills. The options are given in a JavaScript object notation structure, which is basically a set of keys and values connected by colons, separated by commas and grouped by curly brackets. Highcharts JS library can display tooltip labels info on hovered items, text rotation on labels for a better readability and zooming in on a specific part of chart. Highcharts is licensed under a Creative Commons Attribution-NonCommercial 3.0 License. The demo gallery is available, take a look to see how

• http://www.highcharts.com/

Original Post URL: HighCharts Interactive JavaScript Charting Library

Original Post URL: jQuery Image Gallery Slider – slideViewerPro

• http://ecsstender.org/

Original Post URL: Take Control of Your CSS with eCSStender

• http://simplecartjs.com/

Original Post URL: Setup JavaScript Shopping Cart in Minutes with SimpleCart(js)

jQuery is one of the most popular and important JavaScript library for modern web design and development. jQueryList is a comprehensive jQuery plugins and tutorials showcase that categorized around 250 quality jQuery elements in various categories such as Ajax Plugins and Tutorials, Sliders and Accordions, Charts and Presentations, Forms and Input Fields or Tooltip Plugins and Tutorials. The user interface is clean and friendly, allows you easily and quickly browse all handy and resourceful jQuery elements in one page with Ajax supported presentation.

• http://jquerylist.com/

Original Post URL: Ultimate jQuery Plugins and Tutorials Showcase – jQueryList.com

Slick and Accessible Slideshow Using jQuery

SixRevisions presented you a cool easily accessible jQuery plugin for creating a usable and web accessible slideshow widget using HTML, CSS, and jQuery JavaScript. [Live Demo]

Animating Page Peel Effect with jQuery & CSS

You can use this page peel jQuery plugin to peel a corner of website and see a message underneath. It’s useful to create extra area for your RSS feed or banner advertising. [Live Demo]

jQuery Image Rotator with Description

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. [Live Demo]

jQuery Tabbed Content Rotator

This Tabbed content rotator was used jQuery and its interface library jQuery UI JavaScript. When your mouse move over to the tab and it will change the content accordingly. This effect is good at to present your portfolios on your homepage to customers with your products and services. [Live Demo]

APE – Ajax Push Engine

Ajax Push Engine (APE) is an OpenSource technology allowing to exchange data between thousands of users through a web browser, without reloading and without external plugins. It is designed to push real-time data in a lightweight, highly scalable and modular way, only using Javascript for the client side. With the use of those Web Stardards, APE is fully crossbrowser and uses all the latest browser features and provides backward compatibility for older ones. [Live Demo]

Flash Full Text Search Component

This is a fully customizable Flash Full Text Search Component, built with support for multiple images and texts. Everything is customizable in the XML files, including the images, the texts, the colors, the sizes and much more. This search component contains a handful of features and settings like customize search playlist through the XML file; add unlimited images/texts; customizable colors from the XML file; size of images customizable from the XML file and auto scrolling. It is easy to use the search in your Flash projects or as an independent Flash Search Component on your html based website. [Live Demo]

jQuery Fancy Zoom Plugin

Fancy Zoom is providing a smooth, clean, truly Mac-like ancy zoom effect, the images are resized if size is bigger than document screen and can be applied directly on an image, no more link wrapper needed.

BySlideMenu Mootools Accordion Menu

BySlideMenu is a Mootools accordion menu which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want like ul/li, div or p using images and/or text. The feature of this Mootools menu plugin including works horizontally or vertically; the container width/height can be adjusted automatically; the menu is expandable by mouseover or by click and can be pinned or not by mouseover or click upon you choose.

jQuery Polaroid Photo Viewer

Polaroid Photo Viewer with CSS3 and jQuery allows you to drag and rotate the polaroid images around. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random). [Live Demo]

Agile Carousel jQuery Plugin

Agile Carousel allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more. [Live Demo]

Original Post URL: 10 Cool Accessible jQuery and Ajax Plugins

Thomas Fuchs just today announced that script.aculo.us 2 is out of alpha, and now have a new domain named Scripty2 with complete rewrite code and new features. It’s a powerful and flexible JavaScript framework to help you create next-generation HTML-based visual effects and user-interface. You can check out the awesome cards and puzzle working demo accordingly.

Scripty2 was divided into three parts, core, fx, and ui.

• scripty2 core: helpers for a more delicious developer experience; core contains various JavaScript and DOM extensions used by scripty2 fx and scripty2 ui, plus developer utility classes.
• scripty2 fx: the framework for DOM/CSS-based visual effects; The scripty2 effects framework provides for time-based transformations of DOM elements and arbitrary JavaScript objects.
• scripty2 ui: user interface behaviours; functions for CSS parsing, color normalization and CSS value interpolation.

The API is still not available yet. For more information, please refer to their doc page and Google Group.

• http://scripty2.com/

Original Post URL: Delicious JavaScript UI Framework – Scripty2

jQuery Tools is a new powerful and lite weight JavaScript UI library, built on top of the jQuery JavaScript Library, that includes six of the most useful JavaScript components for creating the high usability, interactive, striking visual effects and Web 2.0 modern web application. The package contains these demos: tabs, tooltips, expose, overlay, scrollable and flashembed. All of these components can be used together, extended, configured and styled. You can easily explore, copy and modify their source code to your site and things will work. This single JavaScript library weighs 5.8 Kb only. This library is open source and dual licensed under MIT and GPL 2+ licenses.

• http://flowplayer.org/tools/
• http://flowplayer.org/tools/download.html

Original Post URL: A New JavaScript UI Component Library – jQuery Tools