How would you guys structure a tile interface/navigation?

[nixnerd]

I am thinking about building a tile style navigation for a site, sort of Windows 8 style. However, I do not need live tiles (constantly updating). I’d like to build the whole thing in HTML and CSS.

Two questions:

1. As long as its logical, clean and there is a breadcrumb, is this useable for most people or does it depart too much from the standard nav?

2. How should I structure it? Absolute positioning would be the easiest but I feel a ul with span tags is probably the way to go.

Thoughts?

Thanks in advance for the input!

[chrisburton]

I would probably use masonry.js. Seems perfect for this sort of thing.

[chrisburton]

I could be wrong but I may have seen someone do something similar with the Windows 8 UI using CSS regions on CodePen. You could try searching for that, too.

[lschoen114]

If all the heights are going to be the same (at least in each row), you can use the float method and eliminate all the absolute.

See here: http://codepen.io/anon/pen/lBGwJ

[Author]

Posts