Dynamic Grid with Transitions
by Manoela Ilic
A dynamic grid layout that let's you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can ad
+ more#grid
Product Grid Layout
by Manoela Ilic
A responsive product grid layout with some UI details for inspiration.
+ more
Responsive Full Width Grid
by Manoela Ilic
A responsive grid layout for multiple items in a row that fill all the available width.
+ more
App Showcase with Grid Overlay
by Manoela Ilic
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.
+ more
Thumbnail Grid with Expanding Preview
by Manoela Ilic
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
+ more
Creating Nestable Dynamic Grids
by Larry Botha
Learn how to create flexible and fluid grids which make nesting at arbitrary depths easy, while allowing full freedom for how the grid behaves in all viewports.
+ more
Three Script Updates
by Manoela Ilic
The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub.
+ more
Adaptive Thumbnail Pile Effect with Automatic Grouping
An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile w
+ more
Gamma Gallery: A Responsive Image Gallery Experiment
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 slide
+ more
Animated Responsive Image Grid
by Manoela Ilic
A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorati
+ more
Direction-Aware Hover Effect with CSS3 and jQuery
by Manoela Ilic
How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.
+ more
Draggable Image Boxes Grid
by Manoela Ilic
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
+ more
Automatic Image Montage with jQuery
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right imag
+ more
Expanding Fullscreen Grid Portfolio
by Manoela Ilic
Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view m
+ more
Grid Navigation Effects with jQuery
by Manoela Ilic
Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We'll t
+ more
Sliding Panel Photo Wall Gallery with jQuery
by Manoela Ilic
Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. […]
+ more