Subscribe
Tutorial search

JavaScript Tutorials


We hope that you will enjoy our JavaScript tutorials. Feel free to contact us if you would like to be a tutorial hero and contribute your own JavaScript tutorial to our site. Thank you !

Sort by:
A Fancy AJAX Contact Form Tutorial
A Fancy AJAX Contact Form Tutorial
In this tutorial we are going to make a fancy AJAX contact form which leverages modern web development techniques. We are using PHP, CSS and jQuery with the JQtransform and formValidator plugins.
Difficulty:
Combining jQuery with Processing.js
Combining jQuery with Processing.js
Quickly learn how easy it is to integrate Processing.js with jQuery (or any native JavaScript code).
Difficulty:
How to add a magnifying glass to your lightbox enabled images
How to add a magnifying glass to your lightbox enabled images
So I thought it’d be nice that when you roll over an image that you could zoom in on, a magnifying glass icon would appear on top of the image indicating you can zoom in. Read on to found out how...
Difficulty:
How to Display Ratings with Wordpress Links
How to Display Ratings with Wordpress Links
If you’re like me, the Wordpress Codex is an endless source of new template options. Today we’re going to use an often overlooked feature in the Wordpress dashboard to assign and display ratings on links.
Difficulty:
Adding a scroller to your website that supports Ajax
Adding a scroller to your website that supports Ajax
Sometimes, a nice and sharp design is ruined by the addition of a scroller. By default, the OS styles the scroller and that (arguably) makes it look ugly. For this tutorial, Ill be using a nice little script called fleXcroll and then adding some code to add support for loading content via Ajax. Ill also be using jQuery, but of course, you can use any other JavaScript framework or just plain old JavaScript.
Difficulty:
A Simple and Beautiful jQuery Accordion Tutorial
A Simple and Beautiful jQuery Accordion Tutorial
Learn how to create the well-known javascript accordion with the most minimal amount of html, css, javascript code and of course, with a beautiful interface as well.
Difficulty:
Expanding DSlider (jQuery content slider)
Expanding DSlider (jQuery content slider)
In this tutorial I will show you how to add new functions to the DSlider (jQuery content slider), created in a previous video. First we will clean up the javascript file, then add a timer that will automaticly animate after a specified time, and finally we’ll make it controllable by the left and right arrow keys.
Difficulty:
Leopard Desktop jQuery Plugin
Leopard Desktop jQuery Plugin
A neat looking Dashboard/Desktop. You guys are gonna totally FLIP when you hear what’s in this jam packed tutorial! More focus on the Dashboard (I swear it’s cooler than it sounds, and requires a lot of code), and I’ll even go into how to create a stack (seperate from the dock, sorry jqDock doesn’t like nestled
Difficulty:
Minify Javascript and CSS with YUI Compressor
Minify Javascript and CSS with YUI Compressor
I've previously posted about minifying Javascript using a PHP port of Douglas Crockford's JSMin Javascript minifier but learned today of the YUI Compressor which does an even better job of minifying by replacing local symbols with 1 letter symbol names and other optimizations. It is also able to compress CSS files.
Difficulty:
A free tutorial that shows you how to get started with Googles O3D web plugin.
A free tutorial that shows you how to get started with Googles O3D web plugin.
Learn how to use Googles O3D plugin to create a simple 3D web application. Demo and source code included.
Difficulty:
Clean and Attractive jQuery Vertical Menu Tutorial
Clean and Attractive jQuery Vertical Menu Tutorial
Check out this jQuery Vertical Menu. It uses jQuery Animate and Easing to create a simple and attractive lava effect.
Difficulty:
Sproing! – Make An Elastic Thumbnail Menu
Sproing! – Make An Elastic Thumbnail Menu
A sleek way of displaying thumbnails that magnify when hovered over.
Difficulty:
JSON data to Google Map
JSON data to Google Map
Today we are going to load JSON data thats being served from our Ruby on Rails scaffold. For this lesson I'll just concentrate on reading from JSON and display it on the map.
Difficulty:
Javacript Rotating Images With Rotating Links
Javacript Rotating Images With Rotating Links
So you got some neat images and would like to rotate them for your web project, not only would you like to rotate these images, but you'd also like different images, to link to different sources. Let's find out how that's done, now!
Difficulty:
A Stylish Navigation Menu With jQuery Tutorial
A Stylish Navigation Menu With jQuery Tutorial
In this tutorial we are going to make a stylish CSS + XHTML navigation menu with the help of the jQuery library. A nice addition to your next design.
Difficulty:
Total Tutorials in Category: 2312