JavaScript Tutorials — Advanced Topics

How to optimize window re-size and mouse move events to perform one's logic at the end of a series of pixel iteration, instead of every single pixel iteration.

Quick overview on setting up events on your DOM, and how to avoid setting up huge amounts of unnecessary events through a neat little trick.

Quick overview of best practices in using JavaScript looping methods under a jQuery environment, and how to speed these methods up.

Increase your site performance by loading external Javascript files (social buttons, analytics ...) after Page load

Today we are going to cover how to extract the polygonal data from Google Earth’s country borders and encode the polygonal data into a JavaScript Object array that we can use to plot on Google Maps.

For those of you who may not know, DataTables.Net is a fantastic jQuery plug-in that creates a data grid presentation and offers support for filtering and server-side paging solutions. Yep, define an endpoint web service, pump down your data and you are good to go.

Tinycon is a jQuery plugin that allows you to manipulate the website favicon by allowing you to add an alert box or change the image on the browser tab. For browsers that don't support this Tinycon will also fallback to adding different numbers to the end of the title bar.

Use these jQuery tricks to help draw your visitors eyes towards advertisements or opt-in boxes!

We are going to simulate an image spinning horizontally, scaling and flipping the image horizontally. And it will be animated. Using JavaScript you can obtain a lot of great effects and this one is just a simple animation. You can use something like this to create some very interesting effects. HTML5 canvas games have started to pick up a lot, proof being the large number of games you can find web.

Learn how to create an awesome single page website design with multilayered parallax scrolling animation using css and jquery. In this tutorial you will learn how to create animated clouds in the backgrond, a moving hot air balloon in the foreground and animated links & titles.