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:
Sequential Fade In – JQuery Plug-in
Sequential Fade In – JQuery Plug-in
This useful jQuery plugin will allow you to sequentially fade in and fade out elements on a website.
Difficulty:
Calendar Script Using Javascript
Calendar Script Using Javascript
A simple calendar script using php, very useful.Powerful script which is easy for you to understand and customize.
Difficulty:
How to get elements by class
How to get elements by class
Two ways to get elements by class, not by id
Difficulty:
Beginner's Guide to Writing Your Own jQuery Plugin
Beginner's Guide to Writing Your Own jQuery Plugin
This is a simple tutorial on how to write your own jQuery plugin. Through this tutorial, you will build your own jQuery plugin to set default text on form input fields - which disappears when you focus the field.
Difficulty:
What Is jQuery?
What Is jQuery?
What is jQuery, and what can you do with it? This article provides a gentle introduction to jQuery and its uses.
Difficulty:
How To Add a Custom Facebook Like Box to Your Site
How To Add a Custom Facebook Like Box to Your Site
Facebook pages are becoming more and more popular with brands, bands, organisations and celebrities who want to boost their social exposure on the web. Facebook’s social plugins and widgets are a great way to link your Facebook page with your website. Let’s look at how to not only insert the popular Like Box code onto your website, but also how to customize it to fit with your design, and make sure the code correctly validates.
Difficulty:
Build a POI map using jQuery & Google Maps v3
Build a POI map using jQuery & Google Maps v3
A tutorial on building a POI (point of interest) map using jQuery and Google Maps V3.
Difficulty:
A Snazzy Animated Pie Chart with HTML5 and jQuery
A Snazzy Animated Pie Chart with HTML5 and jQuery
Learn how to use the HTML5 canvas element, CSS3 and jQuery to create a gorgeous, interactive animated pie chart. Full code included for your own use.
Difficulty:
Dynamic FAQ Section w/ jQuery, YQL & Google Docs
Dynamic FAQ Section w/ jQuery, YQL & Google Docs
In this tutorial, we are making a dynamic FAQ section. The script, with the help of jQuery & YQL, will pull the contents of a shared spreadsheet in your Google Docs account, and use the data to populate the FAQ section with content.
Difficulty:
Controlling Program Flow in JavaScript
Controlling Program Flow in JavaScript
Master the techniques of decision making and looping in JavaScript, with the help of this comprehensive tutorial.
Difficulty:
Super-Easy Animated Effects with jQuery
Super-Easy Animated Effects with jQuery
Learn how to create smooth animated effects easily using jQuery and a few lines of code. Full examples included.
Difficulty:
Random Testimonials with Jquery
Random Testimonials with Jquery
This tutorial will demonstrate how to have rotating and random tutorials on webpage using an XML file and jQuery.
Difficulty:
Style Your Site According to the Weather with jQuery
Style Your Site According to the Weather with jQuery
By pulling in feed from the Yahoo API with jQuery, you can style your website according to the Weather! Find out how by following this step by step guide. We’ll start by creating four backgrounds for sun, rain, snow and cloudy, then use a clever jQuery script to pull in the forecast. To finish things off, we’ll even create a cool manual override, allowing users to switch through the various themes themselves.
Difficulty:
Quite Delicious Button
Quite Delicious Button
This is a jQuery-fied share count button to encourage people to bookmark your content on Delicious. Although Delicious provides their own button and I tried before to style it differently, but still It didn't look quite uniform like other sharing buttons.
Difficulty:
Making a Custom YouTube Video Player With YouTube’s APIs
Making a Custom YouTube Video Player With YouTube’s APIs
In this tutorial we are going to make a jQuery plugin which uses YouTube’s chromeless player, and creates our own set of minimalistic controls, which allows for perfect integration with your designs.
Difficulty:
Total Tutorials in Category: 2312