Responsive Image Gallery with Thumbnail Carousel
A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter's "user gallery" and upon a request to show a ... read more
Tutorials
In this section you will find in-depth how-tos involving common web development and web design techniques.
Portfolio Image Navigation with jQuery
By Marcin Dziewulski 47 Comments
Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in ... read more
Animated Text and Icon Menu with jQuery
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the back ... read more
Fullscreen Slideshow with HTML5 Audio and jQuery
In today’s tutorial we'll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to ... read more
Image Wall with jQuery
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 ... read more
Rotating Image Slider with jQuery
In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotat ... read more
Animated Skills Diagram with Raphaël
By Marcin Dziewulski 46 Comments
In this tutorial we will show you how to create a diagram using Raphaël – a small JavaScript library that is great for working with ... read more
Interactive Google Map using the Twitter API
By Marcin Dziewulski 34 Comments
Hey! In today’s tutorial we will create an interactive Google map using the geocoding service. Using the Twitter API we will retrieve ... read more
Moving Boxes Content with jQuery
Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at ... read more
Expanding Image Menu with jQuery
In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image sl ... read more
Animated Content Menu with jQuery
Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a c ... read more
Overlay-like Effect with jQuery
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 ... read more