Introducing dlMetro

 Published On May 07, 2015

How to dress a web site with Windows 8 metro UI?

In my spare time i created a very simple framework, with no dependencies to dress a website like Windows 8 metro UI.

Here some screenshots, taken from the examples on github

Minimal example

The example generated following the readme on github

Readme Example

Basic

Basic example, with different headers and footers

Basic Example

Headers: fixed and flow

Use of fixed and flow header

Fixed and flow heares

Cell appearance

Modify cell appearance

Custom cell

Use of fixed footer

Fixed footer

Invisible things

Some cells appears only for certain visualizations

Invisible

Add some maps

dlMetro and Openlayers 3

6 maps in a metro

Online store concept

Show many items like an online store

Show many items

A book concept

A book with one or two pages

Book

Share this!

“Share this” buttons always visible

Share this buttons always visible


Tags: css javascript

Comments:

comments powered by Disqus
← Previous

© 2016 - Massimiliano Bernabé. All rights reserved
Built using Jekyll