The Flexbox Layout officially called CSS Flexible Box Layout Module is new layout module in CSS3 made to improve the items align, directions and order in the container even when they are with dynamic or even unknown size. The prime characteristic of the flex container is the ability to modify the width or height of its children to fill the available space in the best possible way on different screen sizes.
The Flexible Box Module, usually referred to as flexbox, was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities.
To use flexbox layout just set the display property on the parent HTML element:
Pure is an overwhelming choice to use for accomplishing web projects. Being a small set of CSS modules, Pure has tiny footprints. This outstanding framework has been developing with mobile in mind and additionally including minimal style. This helps developers to write various styles on the application depending upon the requirement. An extensive range of CSS components has also been made available with Pure. This outstanding framework has also got an impressive customizer and thus developer has the choice of creating CSS framework of their choice and requirement.
A set of small, responsive CSS modules that you can use in every web project.
Pure has a wrapper grid class called pure-g and unit classes named pure-u-* . Make sure all your content is inside the grid units for proper rendering.
Widths are calculated based on fractions. The fractions themselves are decided by class names. For example, pure-u-2-5 has a width of 40%.
All child elements within a pure-g element must have the class name pure-u or pure-u-* .
Metro is the name for the design language, the design philosophy, behind Windows Phone 7. This is not only in reference to the look and feel of the interface itself, but also to the animations which bring the 2D interface designs to life and the sounds that accompany user interactions on the devices.
Inspired by the way-finding graphics that you find in airports, railway and bus stations the world over, Metro is a homage to those high contrast, high color visualizations that stand out in those visually noisy environments.
In Windows Phone 7, Microsoft introduced its Metro style user interface. The Metro style UI is the touch-and-tile interface that Microsoft designed to create an interface focused on content, information, and movement.
It's quicker to find things in the start screen than the start menu.
It is designed to embrace 5 principles:
1)Clean light, fast, open aesthetics;
2)Dynamic, moving transitions and interactions;
3)Embrace the beauty of typography;
5)Authentically digital design.
What is Metro UI CSS
Metro UI CSS a set of styles to create a site with an interface similar to Windows 8.
It can be used to create Metro User Interface
1)Create page with HTML5 DOCTYPE
3)Include metro.min.js (jquery.js required)
4)Create main container with class .metro
5)Use markup, as described in the pages of this site