Creating an Infinite Circular Gallery using WebGL with OGL and GLSL Shaders
By Luis Henrique Bizarro on
A tutorial explaining how to build a draggable and scrollable infinite circular gallery using WebGL with OGL and GLSL Shaders.
gallery
Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders
By Luis Henrique Bizarro on
A tutorial explaining how to build an infinite auto-scrolling gallery using WebGL with OGL and GLSL Shaders.
Inline Menu Layout with Gallery Panel
By Mary Lou on
An inline menu layout with a playful hover animation and a gallery content preview panel.
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.
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.
CSS-Only Lightbox
By Mary Lou on
Learn how a CSS-only powered image lightbox works and how to add fancy animations
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