Useful jQuery Tutorials for June 2010

Image Highlighting and Preview with jQuery

In this tutorial we will show you how to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to allow users to view a bigger version of an image that is relevant to some context.

CSS3 Rounded Image With jQuery

This tutorial demonstrates how to create rounded corners with jQuery and CSS3.

Facebook Style TextArea with Wall Posting Script using jQuery PHP and Ajax.

This tutorial shows how to create wall posting script in Facebook style.

Inline Modal Window w/ CSS and jQuery

Easy tutorial from Soh Tanaka about creating fancy modal window.

CSS Sprites w/out Using Background Images

Soh Tanaka shows some interesting examples of using the sprites with jQuery.

How to create a simple drag and drop with jQuery

This is a quick tutorial to help you get up and running with jQuery drag and drop.

Creating Bar Graphs using jQuery UI

In this tutorial we are going to leverage the power of jQuery UI and create a slick bar graph.

Create an iPhone optimised website using jQTouch

This article will show you how create iPhone optimized site with jQuery and jqTouh.

Improve your jQuery Selectors: 5 Quick Tips

This jQuery tutorial will teach you how to slim down your code with 5 excellent examples.

Awesome Cufonized Fly-out Menu with jQuery and CSS3

In today's tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, reaching towards the current menu item. We will use jQuery for the effect and some CSS3 properties for the style. We are not going to use any images.

Interactive Photo Desk with jQuery and CSS3

In this little experiment we created an interactive photo desk that provides some "realistic" interaction possibilities for the user. The idea is to have some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.

Building a Sliding Login Panel for WordPress

This is a tutorial on how to use jQuery and the WordPress default login code to create a sliding login panel for your WordPress site.

How to make a jQuery Drop-Down Menu with a CSS fall-back

This tutorial demonstrates how to buil beatifull menu using jQuery and CSS.

Cool Animated Spectrum Effect with jQuery

From this tutorial you will learn how to create spectrum effect with jQuery.

Latest Post Blogroll Slider with jQuery and PHP

In this tutorial we are going to create a blogroll slider that shows the latest post of your favorite blogs. We will be using jQuery, PHP and XSL. The aim is to get a given RSS feed of a blog and parse the XML data with the help of PHP. We will apply XSL to transform the feed into HTML and cache the result for subsequent use. We will be using a lot of CSS3 properties for a polished look.

jQuery and Google Maps Tutoria

This tutorial,I will walk you through how to get started using jQuery inside the Google Maps environment.

Building a Ninja Turtles Game with jQuery

In this tutorial we'll build a Teenage Mutant Ninja Turtles game as a fun and simple project to learn jQuery grep, queue/dequeue, delay and animation as well as jQuery UI draggable, droppable, effects and button.

Create a Custom Content Slider with jQuery

In this tutorial, we are going to create a custom content slider. The concept behind it is pretty simple, when you click on a button, it uses jQuery scroll-To plugin to scoll the content and display the right content.

Create a simple jQuery Based Type n Play Game.

Learn how to create a simple dropping boxes game with jQuery, Ajax and PHP. You will type the dropping alphabetic character to get a point.Learn how to create a simple dropping boxes game with jQuery, Ajax and PHP. You will type the dropping alphabetic character to get a point.

Advertise on this site

Recent Comments