JavaScript Tutorials

flickrBomb is an easy way for you to fill your prototypes with relevant content, and not just those dull gray placeholder images. Hover over the images and click the wrench icon to see flickrBomb in action.

I remember me always trying to figure out how to make a page scroll to certain section of a website. I mean it was like magic when I first came across it. I was stun! I later tried to find tutorials on how to do it and let me tell you I had no luck. In this tutorial I will teach you how to add a nice anchor link scroll effect to your website using jquery/ HTML.

In this tut we will create a professional interface for your web applications using the killer javascript library jQuery, as we used to create the stunning and smooth popup in jQuery.

In this image gallery, I wanted to create the effect of intersecting lines to highlight the selected image in a grid like a crosshair. I used differing opacities of images horizontally across from the current image and vertically above or below the image to achieve this effect.

Toggle expanded and hided on or off with a nice animation. This is different from an accordion since more than one item can be expanded at one time.

Javascript slideshows are one of the best ways to display lots of information in a relatively small space while adding cool functionality to a web page. Let’s build our own slideshow with sliding panels navigatable by button links. You could use the slideshow to showcase featured content on your homepage, or as a simple image gallery. Either way it’s quick and easy to create with the help of a couple of handy jQuery plugins.

Learn how to make animate sliding images using the background position. And Making an entire DIV clickable all using jQuery.

Inspired on the Nike Better World website, this tutorial will show you how to make an awesome vertical parallax single page portfolio with jQuery and CSS

SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application

Today I will be showing you How To Create A Drop Down Navigation Menu Using JQuery. In one of my previous tutorials, I showed How To Create Simple Horizontal Navigation Menu. We will be modifying it to contain a drop down menu. Creating drop down menu is as simple as just creating nested unordered lists. You will see how below, copy the codes below in a new file then save it as index.html.