Tutorials

In this section you will find in-depth how-tos involving common web development and web design techniques.

Draggable Image Boxes Grid

By Mary Lou on

Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu l ...

Scrollbar Visibility with jScrollPane

By Mary Lou on

Sometimes it can be very useful to hide the scrollbar of elements in a website and only show it when the user really needs it. The real-time activity feed in Faceboo ...

Image Wall with jQuery

By Mary Lou on

Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the p ...

Overlay-like Effect with jQuery

By Mary Lou on

Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of cert ...

Parallax Slider with jQuery

By Mary Lou on

Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different b ...

Overlay Effect Menu with jQuery

By Mary Lou on

In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with ...

Hover Slide Effect with jQuery

By Mary Lou on

Today we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out ...