JavaScript Tutorials

Simple Jquery photogallery

Learn how to create a simple HTML Photo Gallery using CSS and Javascript, valid and compatible with all browser including Internet Explorer 6,7 and 8.

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.

Using bit.ly API to show number of clicks - that is relatively higher- can be a very interesting measure of how popular your post is.

Treesaver is a JavaScript framework for creating magazine-style layouts that dynamically adapt to a wide variety of browsers and devices. Designers use standards-compliant HTML and CSS for both content and design, no JavaScript programming is required.

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.

Hash Slider is a Simple and lightweight jquery plugin for content slider, only 2,2kb in size. This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider.

Learn How to Create A Simple Diaporama easily using the framework jQuery.

A while ago i was asked by someone “How do i make a transition hover effect from greyscale to color?“. In this tutorial i’ll show you how it can be done using two seperate images combined with jQuery.

In this tutorial you will learn how to make a simple show/hide script to control the visibility of content on a webpage.