Hello readers , Today in my blog I will discuss a new technology introduced by Microsoft i.e METRO UI .
Introduction :-
- It is basically known as a Design language that is created by Microsoft for enhancing the user interface .
- It is called as Metro because it is modern and clean.
- The reason behind its formation is to focus on the content of applications in which the emphasis is more on typography and less on the graphics.
- It is fast and remains in motion.
Let know the short history of the METRO UI -
This design language was evolved in Window Media Center which was later introduced as “METRO” during the allegation of Window Phone 7 .
The main emphasis of Microsoft Designers was to focus on clean typography and less on the UI of Chrome.
Below is some Advantages and Disadvantages of METRO UI :-
ADVANTAGES :-
- It is fast and reliable .
- It is stable .
- It uses symbols .
- It is clean and uses crisp symbols .
- It is used in Windows phone and saves battery.
DISADVANTAGES :-
- It uses dark UI and uses only 2 colors i.e black and white.
- Its customization is insufficient.
Now for creating a Metro UI style website , we can use a front-end framework which is used for developing projects on the web in Windows Metro Style.
This framework is known as Metro UI CSS 3.0 .
Below is the features of this framework as shown below -
- It is compatible with AngularJS and RequireJS .
- It uses new components .
- For the definition of components, it uses declarative approach.
- The framework used to monitor the components and pressure via ajax.
- We can create attractive pages without the knowledge of Javascript.
HOW TO START WITH METRO UI CSS 3.0 :-
Below is the code with links and classes that we need to add into our web page and start coding easily :-
<!DOCTYPE html>
<html>
<head>
<link href="metro.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="metro.js"></script>
</head>
</html>
Conclusion :-
Hence , METRO UI is now used widely due to its various features and we can easily use the front-end framework METRO UI CSS 3.0 to create the web pages.
0 Comment(s)