MelonHTML5 - Metro UI

 

EVALUATE:

Metro UI is a flexible and straightforward to integrate framework to construct your one web page site in Home Windows EIGHT Metro UI. It Is absolutely powered by means of HTML5, CSS3 and JavaScript with plengy of choices for you to configure it to suit your individual needs.

Please supply it quick score for those who like this. should you have any tips/function request or you discover a bug, you might be greater than welcome to touch me and that i’ll cope with them ASAP.

NOTE: that is the PHP version. A pure HTML/JavaScript model may be to be had here.

FEATURES:

Laptop and Cell Device (Phone + Pill) In A Position
Desktip View and Cell View. Each And Every tool kind gets its personal view through default and has the power to switch between.

Resonsive UI Layout
All Of The UI is designed responsively with media queries so that it will fit any display sizes

Full HTML5 + CSS3 Animations
HTML5 parts/idea are used as many as imaginable. All animations are basically in CSS3. No jQuery fallbacks are used for vintage IEs for higher performance.

Old IE Strengthen
The UI could also be fully useful in antique IEs (IE7, IE8). The Only difference is that IE won’t get animations.

Sliding Button Bar
Similar To Home Windows EIGHT, each page gets a sliding regulate bar when mouse is moved to the fitting fringe of the display.

One Web Page Application
The Whole UI layout follows the concept that of one page app, this means that only one page request is made in keeping with discuss with, and all the relax are treated in XHR (AJAX).

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

Customizable Tiles
Every tile can be custom designed to have its personal color, icon, exterior link, XHR callback … and so on

Packing Containers
Tiles are grouped into bins that have 2 other sizes: half and whole. you can upload as many bins as you wish to have to.

Smart Web Page Content Material Caching
Page contents are all cached after first load which allows the 2nd talk over with of the similar page to be virtually instant.

Integration with Google Analytics
Every tile open may also be configured as a normal page open in Google Analytics.

Object orientated PHP framework
All PHP code are written in mordern object oriented taste with clean and easy to grasp structure.

CHANGE LOGS:

v1.11 @ 26 Aug 2014 REPLACE: Up To Date styling for mobile mode v1.10 @ 28 June 2013 BUGFIX: Fixed a display issue when zoom level isn't ONE HUNDRED% v1.09 @ 15 March 2013 REPLACE: Simplified report come with UPDATE: Up To Date rounting script to make use of usual hashbang v1.08 @ 27 Feb 2013 REPLACE: Redesigned Sidebar REPLACE: Generate CSS for various box/widget configurations routinely v1.07 @ 14 Feb 2013 REPLACE: Moved media question to a separate metro_mobile.css REPLACE: Redesigned cell mode UPDATE: Many JS & CSS improvements v1.06 @ 15 Dec 2012 REPLACE: Minor CSS improvements v1.05 @ 30 Oct 2012 UPDATE: Modified hover effect to scale tiles REPLACE: New settings panel REPLACE: JS & CSS optimizations v1.04 @ 04 Oct 2012 UPDATE: Introduced a "start" button. Clicking on it toggles the "Element" view REPLACE: Changed to use "animation" in preference to "transition" for the sliding control indicator REPLACE: Modified animation on document load to vanish in tiles one through one instead of flipping all without delay v1.03 @ 29 Sep 2012 UPDATE: Allow environment subject matter on bins to make all tiles display in a single colour v1.02 @ 21 Sep 2012 UPDATE: Permit setting widget URL to empty string to forestall establishing widget on click v1.01 @ 14 Sep 2012 REPLACE: Show sliding regulate button indicator just for 1st time customers UPDATE: JavaScript efficiency enhancements v1.00 @ 09 Sep 2012 REPLACE: Preliminary liberate
FULL DOWNLOAD