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
+ moreby 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
+ moreby Manoela Ilic
A responsive product grid layout with some UI details for inspiration.
+ moreby Manoela Ilic
A responsive grid layout for multiple items in a row that fill all the available width.
+ moreby Manoela Ilic
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.
+ moreby Manoela Ilic
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
+ moreby 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.
+ moreby Manoela Ilic
The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub.
+ moreAn 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
+ moreby 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
+ moreby 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
+ moreby 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.
+ moreby 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
+ moreArranging 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
+ moreby 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
+ moreby 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
+ moreby 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