JavaScript Tutorials

Creating a Keyboard with CSS and jQuery

In this tutorial we are going to create an AJAX-driven shopping cart. All the products are going to be stored in a MySQL database, with PHP processing the data and jQuery handling the front end.

Build a Web 2.0 Document Search Engine

10 Ways to Instantly Increase Your jQuery Performance

This is a simple jQuery tutorial to display Twitter trending stories of your website and their Twitter trackbacks by combining 2 of my jQuery plugins - Popular on Twitter Widget & Twitter Trackbacks Widget.

Creating Flash Charts from Google Spreadsheets Using Javascript

"Famax displays your complete Facebook Fanpage data on your website! You can post images/videos on your fanpage and it will be reflected on your webpage. You can customize Famax UI as per your requirement. Ex: Set Famax columns to 3 to display a Pinboard kindof view; set Famax columns to 2 to display a timeline kindof view, or set Famax columns to 1 to display a widget kindof view... and so on... "

Recreating the MobileMe Web Gallery Interface

This tutorial will show you how to create an AJAX form with PHP and jQuery. I also demonstrate how we can use a 'loading' preloader animation for the AJAX form, whilst we wait for the server to respond.

If you’ve ever dropped by Behance, you’ve probably noticed their appreciate badge, with which you can show your appreciation for somebody’s creative work. In this tutorial we are making an improved version, which you can include in every page of your site with a bit of jQuery magic.