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

Split Layout

By Mary Lou on

A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction with some transition effect ...

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

Designing the Dreaded Form

By Patrick Cox on

As much as they are dreaded, forms play an important role in many websites and designing them should involve careful planning of their layout. ...

Responsive 3D Panel Layout

By Mary Lou on

A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects. ...

  • Page 1 of 2
  • 1
  • 2
  • >