Seven Beautiful JQuery Scripts

Posted By Derald on May 04, 2009 2 Comments  | Filed under: jQuery

JQuery has been taking the web by storm since early 2006. It has allowed developers to life, sites they could only dream about before. JQuery allows a degree of interaction which before would have to be done via a CGI. Here are seven scripts which demonstrate the beauty of JQuery.

Read more…

Popularity: 5% [?]

13 Excellent Tutorials On Creating jQuery Navigation Menu

Posted By Admin on December 02, 2008 29 Comments  | Filed under: CSS, Web Design, jQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

In this post I’ve selected 13 jQuery navigation menu tutorials that you can learn from them how to impalement your own jQuery based navigation and have some great effects.

Before getting stared you maybe interested in looking my post about making navigation menu using CSS and Adobe Photoshop.

[13 hand-picked Vertical and horizontal CSS Menus]


1- How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect.
JQ_1
Read more…

Popularity: 90% [?]

Create Web 2.0 Progress Bars: jQuery, DHTML, JS, CSS, Photoshop

Posted By Admin on July 30, 2008 6 Comments  | Filed under: CSS, DHTML, JavaScript, Photoshop Tutorials, Web Design, jQuery

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

1

HOWTO: PHP and jQuery upload progress bar

2

Read more…

Popularity: 38% [?]