MelonHTML5 - Metro UI

 

OVERVIEW:

Metro UI is a versatile and straightforward to combine framework to construct your one page web page in Windows 8 Metro UI. It's absolutely powered via HTML5, CSS3 and JavaScript with quite a few choices for you to configure it to fit your personal needs.

Please give it fast ranking in the event you like this. in the event you have any ideas/characteristic request otherwise you discover a trojan horse, you're greater than welcome to contact me and that i’ll cope with them ASAP.

NOTE: that is the natural HTML5/JavaScript version. A OO PHP model is also to be had here.

OPTIONS:

Personal Computer and Cellular Device (Telephone + Pill) Able
Pc View and Cell View. Every device sort gets its personal view by means of default and has the facility to change between.

Responsive UI Layout
All Of The UI is designed responsively with media queries so that it'll fit any display sizes

Full HTML5 + CSS3 Animations
HTML5 elements/concept are used as many as imaginable. All animations are only in CSS3. No jQuery fallbacks are used for antique IEs for higher efficiency.

Old IE Beef Up
The UI is also absolutely useful in antique IEs (IE7, IE8). The Only difference is that IE received’t get animations.

Sliding Button Bar
Just Like Windows 8, each and every page will get a sliding keep watch over bar when mouse is moved to the proper edge of the reveal.

One Page Software
The Entire UI layout follows the concept that of 1 web page app, because of this only one web page request is made in line with consult with, and all the relax are treated in XHR (AJAX).

Working with Browser Back button
Again & Ahead buttons can still be used as usual to navigate between 2 pages, identical to commonplace websites.

Customizable Tiles
Each And Every tile can also be custom designed to have its personal colour, icon, exterior hyperlink, XHR callback … and so on

Containers
Tiles are grouped into containers which have 2 other sizes: part and full. you'll add as many containers as you need to.

Smart Page Content Caching
Page contents are all cached after first load which permits the second consult with of the same web page to be virtually instant.

Integration with Google Analytics
Each tile open will also be configured as a typical page open in Google Analytics.

Object orientated JavaScript framework
All JavaScript code are written in up to date item oriented style with clean and easy to understand structure.

CHANGE LOGS:

v1.11 @ 26 Aug 2014 REPLACE: Up To Date styling for cell mode v1.10 @ 28 June 2013 BUGFIX: Fastened a show factor when zoom stage isn't 100% v1.09 @ 15 March 2013 REPLACE: Simplified file come with REPLACE: Updated rounting script to make use of same old hashbang v1.08 @ 27 Feb 2013 UPDATE: Redesigned Sidebar REPLACE: Generate CSS for different box/widget configurations mechanically v1.07 @ 14 Feb 2013 UPDATE: Moved media question to a separate metro_mobile.css UPDATE: Redesigned mobile mode REPLACE: Many JS & CSS enhancements v1.06 @ 15 Dec 2012 UPDATE: Minor CSS enhancements v1.05 @ 30 Oct 2012 REPLACE: Modified hover impact to scale tiles REPLACE: New settings panel UPDATE: JS & CSS optimizations v1.04 @ 04 Oct 2012 UPDATE: Delivered a "start" button. Clicking on it toggles the "Element" view UPDATE: Modified to use "animation" as opposed to "transition" for the sliding control indicator UPDATE: Changed animation on report load to fade in tiles one via one rather than flipping all directly v1.03 @ 29 Sep 2012 UPDATE: Permit atmosphere subject on bins to make all tiles display in a single color v1.02 @ 21 Sep 2012 UPDATE: Permit surroundings widget URL to drain string to prevent opening widget on click v1.01 @ 14 Sep 2012 REPLACE: Show sliding control button indicator just for 1st time users REPLACE: JavaScript efficiency enhancements v1.00 @ 09 Sep 2012 REPLACE: Preliminary unlock
FULL DOWNLOAD