Tooltip to Gallery Transition
In Playground by Manoela Ilic
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.
Searching for "gallery"
We've found
33 results for your search term.
How to Code a Scrollable Text Gallery in Three.js
In Videos by Yuri Artiukh
A video coding session where you’ll learn how to recreate the text and image gallery seen on Design Embraced.
Creating an Infinite Circular Gallery using WebGL with OGL and GLSL Shaders
In Tutorials by Luis Henrique Bizarro
A tutorial explaining how to build a draggable and scrollable infinite circular gallery using WebGL with OGL and GLSL Shaders.
Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders
In Tutorials by Luis Henrique Bizarro
A tutorial explaining how to build an infinite auto-scrolling gallery using WebGL with OGL and GLSL Shaders.
Inline Menu Layout with Gallery Panel
In Playground by Manoela Ilic
An inline menu layout with a playful hover animation and a gallery content preview panel.
Google Grid Gallery
In Blueprints by Manoela Ilic
A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.
Scattered Polaroids Gallery
In Playground by Manoela Ilic
A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.
3D Image Gallery Room
In Playground by Manoela Ilic
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
Juicebox HTML5 Image Gallery Giveaway
In Giveaways by Manoela Ilic
Win one of five licenses for Juicebox, the ultimate and modern HTML5 image gallery with mobile support.
Gamma Gallery: A Responsive Image Gallery Experiment
In Playground by Manoela Ilic
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.
3D Gallery with CSS3 and jQuery
In Playground by Manoela Ilic
Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.
Responsive Image Gallery with Thumbnail Carousel
In Tutorials by Manoela Ilic
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 an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.
Restaurant Website and Gallery Template
In Playground by Manoela Ilic
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 menu and […]
Fullscreen Gallery with Thumbnail Flip
In Tutorials by Manoela Ilic
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
In Playground by Manoela Ilic
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 […]
Sweet Thumbnails Preview Gallery
In Tutorials 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 […]
B&W Box Gallery
In Playground by Manoela Ilic
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 different […]