“ MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API ”

In this post I’ve selected 8  Mootools navigation,dropdown and sliding menu tutorials. These tutorials will help you create better web 2.0 effects.

1- Nice animated menu using CSS and Mootools

This tutorial illustrates how to implement a nice animated menu using Mootools and some lines of CSS and HTML code ready to reuse in your project.

2- Creating a Sliding Menu Using the MooTools Framework

Tutorial here will show you how to create a sliding menu using the MooTools framework, you are required to have basic knowledge of HTML, you don’t need to know JavaScript to follow this tutorial, but JavaScript will help you understand what the code actually does.

Read more…

Popularity: 23% [?]

Progress Bars is one of the most interesting components that web designers like to use in their projects.

They can be used in various places such as: page loading, redirecting, uploading files, sending information using Ajax and so forth.

In this post I’ve made a wonderful package of progress bars.

By reading this post you’ll be able to make some beautiful progress bars for your own use.

I’ve grouped them into four parts:

1. jQuery progress bars

2. JavaScript and DHTML progress bars

3. Create progress bars using CSS

4. Create progress bars using Photoshop

I hope you to enjoy them.

jQuery Progress Bars

jQuery.UI ProgressBar Widget

HOWTO: PHP and jQuery upload progress bar

Read more…

Popularity: 38% [?]