Expanding Grid Item Animation
By Mary Lou on
A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot "Surf Project" by Filip Slováček. ...
By Mary Lou on
A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot "Surf Project" by Filip Slováček. ...
By Mary Lou on
ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when drag ...
By Mary Lou on
There are many parts of a website where we can apply nice transitions to make things more interesting. Images are certainly great entities for playing with fancy eff ...
By Mary Lou on
A tutorial on how to (ab)use custom data attributes and pseudo-elements for creating image captions. ...
By Mary Lou on
A tutorial on how to create some subtle and modern caption hover effects. ...
By Mary Lou on
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images. ...
By Mary Lou on
A little trick on how to make captions of thumbnails or items "sticky" in order to stay visible in the window or viewport. ...
By Alessio Atzeni on
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS ...
By Mary Lou on
In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on ...
By Mary Lou on
In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving th ...
By chadking on
Here’s a jQuery Image Gallery script with a multi file Uploader, that was implemented using three resources that I found on the web: uploadify ad-gallery class ...