Why use the metro
撸主正在进行毕业论文的赶写,本来就像实现win8的磁贴效果,经过非常多的寻找,最终确定了Metro UI CSS 这个框架,在github上可以随便下载的,并且也非常优秀。
Metro UI CSS 2.0
Metro UI CSS a set of styles to create a site with an interface similar to Windows 8.
简单来说这就是一个能够快速开发出metro风格的框架。
点击访问官网
5步开始自己的metro开发
实际上只需要4步
1.通过HTML5 DOCTYPE创建一个页面
2.引入metro-bootstrap.css文件
3.引入metro.min.js (jquery.js也被要求引入)
4.通过类metro创建一个主框架
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/metro-bootstrap.css">
<script src="js/jquery/jquery.min.js"></script>
<script src="js/jquery/jquery.widget.min.js"></script>
<script src="js/metro/metro.min.js"></script>
</head>
<body class="metro">
... markup page ...
</body>
</html>
结束语
撸主个人感觉这个Metro UI CSS 2.0的用法和markdown编辑器一样,入门简单,并且非常方便,欢迎各位研究这个的一起探讨