HTML / Javascript based on Metro Style Boxes

Question

I'm just wondering if anyone knows about any JS libraries that allow me to create a web page with tiles / touch panels that function like metro windows 8 / modern user interface panels (also lay out boxes according to the available page real estate), I mainly want to create a subway style menu in my web application.

Thank you in advance

Answer 1

Yes, there is a great one called MetroJS that handles tile animations. But you need to control their display on the page. http://www.drewgreenwell.com/projects/metrojs

It works great!

I used this application to create my Tweaker application, which is located in the Windows store, check out the free trial in the social category. Thus, it works great on Windows 8.

I was a little disappointed that the VariableSizedWrapGrid control is not available in WinJS. This is the control that you want to process multi-sized tiles and wrap them together carefully, unfortunately only available on XAML. http://blog.jerrynixon.com/2012/08/windows-8-beauty-tip-using.html

Answer 2

I use metroUI CSS ( http://metroui.org.ua/windows8start.php ) and have been happy with it so far. Simple html developed by CSS, lots of features, drag and drop js, etc.

Answer 3

I saw this recently and thought it was pretty amazing: http://tholman.com/projects/tileJs/

Using HTML / CSS3 to get a subtle rotating effect of the window when you click on the window. This and MetroJS can be used in combination to get the desired effect.

Let me know that you will agree, I also plan to do something similar.

Answer 4

Typically, you expect to use a Grid Application project. Using a third-party library such as MetroJS means that as the platform advances, you will become obsolete.

If you've ever used the Photoshop file picker, you know why this is undesirable.

Answer 5

I suggest you try gridster.js. Here is a demo of http://gridster.net/ .

Answer 6

If you're a Bootstrap fan, it’s called BootMetro , which should be very familiar.