Skewed Layout

  • Save
Skewed layout

First: Check out the demo

I was thinking the other day about how to refresh the so popular image grids out there. Playing around with a couple of images, I finally ended up with a cross shape. It's not a real grid but kind of. The idea is to use skewed grids for example to lay out thumbnails of a portfolio or the portraits of a team. The nice think about this concept is: if the browser can't handle 'transform', the layout will fall back to it's simple cross shape.

If you're interested you can dig the source code here

keyboard shortcuts: L or F like