grid

Isometric and 3D Grids

By Mary Lou on

Some experimental isometric and 3D grids. The idea is to use isometric/3D grids as decorative elements or with some interaction. ...

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. ...

Filterable Product Grid

By Mary Lou on

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality. ...

Sliding Header Layout

By Mary Lou on

A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid. ...

3D Grid Effect

By Mary Lou on

A proof-of-concept effect recreation of the animation seen in a prototype app by Marcus Eckert. The idea is to flip a grid item in 3D, expand it to fullscreen and re ...

Animations for Thumbnail Grids

By Mary Lou on

There are many parts of a website where we can apply nice transitions to make things more interesting. Images are certainly great entities for playing with fancy eff ...

Dynamic Grid with Transitions

By Mary Lou on

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 ...

Creating Nestable Dynamic Grids

By Larry Botha on

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. ...

Three Script Updates

By Mary Lou on

The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub. ...

Animated Responsive Image Grid

By Mary Lou on

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 ...

Expanding Fullscreen Grid Portfolio

By Mary Lou on

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 ...

Grid Navigation Effects with jQuery

By Mary Lou on

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 ...

  • Page 1 of 2
  • 1
  • 2
  • >