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

Webmaster Forum - Join Us, Promote Yourself!

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/

Webmaster Forum - Join Us, Promote Yourself!

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.

Webmaster Forum - Join Us, Promote Yourself!

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/

Webmaster Forum - Join Us, Promote Yourself!

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/

Webmaster Forum - Join Us, Promote Yourself!

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/

Webmaster Forum - Join Us, Promote Yourself!

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/

Webmaster Forum - Join Us, Promote Yourself!

Webmaster Forum - Join Us, Promote Yourself!

• http://ecsstender.org/

Webmaster Forum - Join Us, Promote Yourself!

• http://simplecartjs.com/

Webmaster Forum - Join Us, Promote Yourself!

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/

Webmaster Forum - Join Us, Promote Yourself!

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]

Webmaster Forum - Join Us, Promote Yourself!

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/

Webmaster Forum - Join Us, Promote Yourself!

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

Webmaster Forum - Join Us, Promote Yourself!