March 27th, 2012

jQuery File Upload Script

File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing.

Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. You can download for free and the script is open source.

Browser Support
Google Chrome – 7.0+
Apple Safari – 4.0+
Mozilla Firefox – 3.0+
Opera – 10.0+
Microsoft Internet Explorer 6.0+

jQuery File Upload

Link: jQuery File Upload

March 21st, 2012

HoverCard – Display Information With the Hovered Label

Looking for a good script for creating a nice effect hovered label when mouse pointer hover on it? You’ve come to the right place.

You may see this this technique on many sites like Facebook or Twitter and it’s really useful and I’ve just found a nice script for creating a nice effect like this.

Hovercard is a free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice and it comes with built in Twitter and Facebook hovercard.

hovercard

Link: Hovercard

December 18th, 2011

Add Nice Tooltips to Your Web With TipTip jQuery Plugin

TipTip is a nice little script that create a nice little tooltip. You can use TipTip for creating a nice tooltip when the mouse pointer hover links, images or click inside the text box. TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS. It’s also only 3.5kb minified!

Tip Tip jQuery Plugin

Link : Tip Tip jQuery Plugin

December 14th, 2011

jQuery 1.7 Cheat Sheet

Download jQuery cheat sheet from Woorkup. This is very useful and it’s a beautiful cheat sheet.

jQuery 1.7 Visual Cheat Sheet

Link : jQuery 1.7 Visual Cheat Sheet

November 22nd, 2010

jQuery Video Tutorial

Looking for tutorial of jQuery? This is a jQury video tutorial series for absolute beginners.

jQuery is a powerful javascript library that very popular. In the video tutorial series, you’ll learn how to use the jQuery library.

The tutorial has 15 videos in the series, started from day 1 to day 15. The video is good explain, teach you from downloading the library and eventually work our way up to creating an AJAX style-switcher..

jQuery Video Tutorial

View the tutorial

November 21st, 2010

Creating an Apple-style The Beatles Splash Screen

Apple features The Beatles on homepage on their website “Apple.com” and used an awesome technique that I really like it.

The result of using this technique, the image will show first, follw with text, navigation bar and full page.

I search on Google on what’s the technique they were used and foud that they used jQuery and I also found the tutorial on how to do this technique.

If you like it and want to use it on your web design project, hit the link below for the full tutorial.

Creating an Apple-style The Beatles Splash Screen

View the Tutorial
View Demo

May 31st, 2010

Creating a Floating Menu bar Tutorial

I found some sites using this technique on their sites. As you can see from the image, it’s a useful toolbar or menu bar that you can add a quick launch menu or social networking icons for your user easily sharing your contents.

In the tutorial, you’ll learn to create you own floating menu bar using CSS, jQuery

Link : View the Tutorial
View Demo

May 27th, 2010

20 Awesome jQuery Enhanced CSS Button Techniques

20 Awesome jQuery Enhanced CSS Button Techniques

With all the talk of CSS3 at the moment, its easy to overlook the impact Javascript, especially jQuery, can have on the appearance of the basic web button. As such, we have collected 20 useful CSS buttons techniques that have all been improved and enhanced by the sooper-dooper power of jQuery.

Link : Read More…

May 8th, 2010

Creating Rocking and Rolling Rounded Menu with jQuery

In this tutorial, you’ll learn how to create a very nice effect menu created by using CSS and jQuery. The menu look really great and you can use in your web design project. You can view the Demo here.

[ad#wsb_top468]

Rocking and Rolling Rounded Menu with jQuery

Link : View the tutorial
View Demo

February 23rd, 2010

Create YouTube-like Adaptable View Using CSS and jQuery

Create YouTube-like adaptable view using CSS and jQuery

Create YouTube-like Adaptable View Using CSS and jQuery. I see this technique on Youtube, It give you ability to switch between normal and wide mode and thus expand/shrink movie area. If you’re looking for a tutorial on how to do that, you can visit the link below to the full tutorial.

Link : Create YouTube-like Adaptable View Using CSS and jQuery
View Demo