Experimental 3D Room Exhibition Layout
By Mary Lou on
A highly experimental 3D room layout for a gallery that aims to show exhibition details in an interesting way. ...
gallery
Effect Ideas for Image Grids
By Mary Lou on
Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the resulting view. ...
Playful Interaction for Draggable Elements
By Mary Lou on
A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position. ...
Google Grid Gallery
By Mary Lou on
A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google. ...
CSS3 Lightbox
By Mary Lou on
Today we want to show you how to create a neat lightbox effect using only CSS. The idea is to have some thumbnails that are clickable, and once clicked, the respecti ...
Fullscreen Image Blur Effect with HTML5
By Mary Lou on
Today we want to share a neat image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect. ...
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 ...
Multi-level Photo Map
By Pedro Botelho on
This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location of the places where each ...
Fullscreen Slideshow with HTML5 Audio and jQuery
By Jay Salvat on
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 ...
Restaurant Website and Gallery Template
By Mary Lou on
Today we want to share a little website experiment with you. The theme for today’s template is a restaurant website which will include an image gallery for the ...
Fullscreen Gallery with Thumbnail Flip
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 the side that flips when ...
3D Wall Gallery
By Mary Lou on
Today we want to share our latest experiment with you: the 3D Wall Gallery. Using the Safari browser the images of this gallery will be put into 3D perspective, when ...
B&W Box Gallery
By Mary Lou on
In today’s experiment, we created a little gallery that plays with the black and white versions of images. The idea is to have an initial grid-like view of the ...
Animated Portfolio Gallery with jQuery
By Mary Lou on
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 a ...
Slider Gallery with jQuery
By Mary Lou on
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 ch ...
Full Page Image Gallery with jQuery
By Mary Lou on
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 thumbnail ...
Thumbnails Navigation Gallery with jQuery
By Mary Lou on
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 CSS ...
Minimalistic Slideshow Gallery with jQuery
By Mary Lou on
In today’s tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container wit ...
Interactive Photo Desk with jQuery and CSS3
By Mary Lou on
In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the user. The idea is to have ...
Beautiful Photo Stack Gallery with jQuery and CSS3
By Mary Lou on
In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images o ...
Multimedia Gallery for Images, Video and Audio
By Mary Lou on
This multimedia gallery for images, video and audio is a progression of our previous galleries. The idea for this new gallery is to integrate video and audio as exhi ...
Flickr Photobar Gallery
By Mary Lou on
After we got a lot of great feedback for our image galleries we decided to follow some of the suggestions and create a gallery that uses the Flickr API. The aim was ...
Awesome Mobile Image Gallery Web App
By Mary Lou on
With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simp ...
Fresh Sliding Thumbnails Gallery with jQuery and PHP
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 the mouse. The idea is to a ...