Sweet Thumbnails Preview Gallery
by Manoela Ilic
In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider […]
Tutorials
In this section, you will find a variety of in-depth articles written by skilled front-end developers that cover a range of web development and web design techniques.
Animated Form Switching with jQuery
by Manoela Ilic
In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another […]
Parallax Slider with jQuery
by Manoela Ilic
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 backgrounds when we slide to […]
Portfolio Zoom Slider with jQuery
by Manoela Ilic
In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the […]
Moleskine Notebook with jQuery Booklet
by Manoela Ilic
Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from […]
Bubbleriffic Image Gallery with jQuery
by Manoela Ilic
In this tutorial we will create a bubbly image gallery that shows your images in a unique way. The idea is to show the thumbnails of albums in a rounded […]
Overlay Effect Menu with jQuery
by Manoela Ilic
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 a dark overlay. […]
Hover Slide Effect with jQuery
by Manoela Ilic
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 when we hover […]
Animated Portfolio Gallery with jQuery
by Manoela Ilic
Today we will create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details about the portfolio […]
Pull Out Content Panel with jQuery
by Manoela Ilic
In this tutorial we will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded […]
Custom Animation Banner with jQuery
by Manoela Ilic
In today’s tutorial we will be creating a custom animation banner with jQuery. The idea is to have different elements in a banner that will animate step-wise in a custom […]
Annotation Overlay Effect with jQuery
by Manoela Ilic
Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. We got the idea from the wonderful portfolio of www.rareview.com […]
Slider Gallery with jQuery
by Manoela Ilic
This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. […]
Compact News Previewer with jQuery
by Manoela Ilic
Today we will create a news previewer that let’s you show your latest articles or news in a compact way. The news previewer will show some list of articles on […]
Polaroid Photobar Gallery with jQuery
by Manoela Ilic
In this tutorial we are going to create an image gallery with a Polaroid look. We will have albums that will expand to sets of slightly rotated thumbnails that pop […]
Full Page Image Gallery with jQuery
by Manoela Ilic
In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar […]
Collapsing Site Navigation with jQuery
by Manoela Ilic
Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the […]
Thumbnails Navigation Gallery with jQuery
by Manoela Ilic
In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties […]
