Best jQuery Tutorials - May 2010

Building a 5 Star Rating System with jQuery, AJAX and PHP

In this tutorial, you'll learn how to build a rating system with AJAX, PHP, and jQuery. Votes will be recorded and updated in real-time with the magic of AJAX, and we?ll also leverage the power of PHP so that you don't even need a database!

Sliding Checkbox Actions Menu with jQuery

In this tutorial we will create an actions menu with jQuery that appears when checkboxes are selected.

Twitter API: How to create a stream of messages

This tutorial illustrates a very simple way to work with the Twitter API in order to implement a search in the Twitter public timeline and display search results with an animated stream of messages (tweets) .

Awesome Mobile Image Gallery Web App

With more and more users browsing the web with a mobile device, it's time to begin with mobile web development. In this tutorial we are going to develop a simple mobile image gallery using the amazing jQTouch jQuery plugin for mobile web development. jQTouch is a jQuery plugin with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, iPod Touch, G1, and Pre.

BounceBox Notification Plugin With jQuery & CSS3

In this tutorial, we are making an one-off animated notification solution in the form of an easy to use jQuery plugin.

Neon Text Effect With jQuery & CSS

In this combined design and coding tutorial, we are creating a neon glow text effect with CSS and jQuery, perfect for spicing up your web pages while keeping an eye on SEO.

Smooth Vertical or Horizontal Page Scrolling with jQuery

In this tutorial we will create a simple smooth scrolling effect with jQuery. We will create a horizontal and a vertical website layout to show the effect. We will be using the jQuery Easing Plugin and just a few lines of jQuery.

jQuery fadeIn And fadeOut On Scroll Tutorial

In this tutorial we will create a simple smooth scrolling effect with jQuery. We will create a horizontal and a vertical website layout to show the effect. We will be using the jQuery Easing Plugin and just a few lines of jQuery.

Fluid Navigation - jQuery & CSS

In the given tutorial you will create a menu that appears like a standard menu bar in it's default state, but which on rollover pulls down an information area that covers both the original menubar item and has an expanded section containing the text we want to display.

Combined Facebook, Twitter & RSS Social Stats with jQuery, PHP & YQL

In this tutorial we are going to create a simple widget, which combines the number of your RSS readers, twitter followers, and fans of your facebook fan page, to give a rough estimate of your social popularity.

Fresh Sliding Thumbnails Gallery with jQuery and PHP

In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow the user to slightly zoom into the picture by clicking on it. The thumbnails bar slides down and the image resizes according to the screen size.

Create jQuery Tabs For WordPress Login-Register-Password Reset Forms

Learn how to make a custom login and register and password reset forms for your Wordpress site in this tutorial and create jQuery Tabs to show the forms with also!

Neat Photo Hover Effect with CSS Sprites and jQuery

This tutorial shows how to create sprite animation with jQuery,

Create A Photo Wall Gallery with jQuery

Codrops wrote a tutorial for how to create a full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover.

Web Speaks: Twitter like Login Box with Jquery & CSS

This tutorial shows a smarter way of dispalying login box in your web application. It is just similar to Twitter login box.

FaceBook Like comment post with jQuery

This tutorial shows how to create a facebook like comment post script with jQuery.

Making SIMPLE AND EASY image captions using jQuery

In this tutorial we will make a nice semi-transparent image caption using jQuery. The image caption will be triggered on hover.

jQuery Tutorial : Toggle Effect on Hover/Click

Today we will learn how to get simple toggle effect on hover/click with jQuery. We will use CSS and jQuery to get our final output.

Stunning Circular Motion Effect with jQuery

Codrops has writen tutorial about how to create a stunning circular motion effect with jQuery.

How to create an image caption with jQuery

A tutorial which teaches you how to create a jQuery image caption from scratch.

Text Link Ads

iPhone Applications

Comments

This is a great round up of tutorials. Thanks.

Thanks for the mention! I wrote the jQuery fadeIn/fadeOut on scroll tutorial, though the actual usage on my site has changed.

Excellent blog, Keep posting like this.

Advertise on this site

Recent Comments