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編輯器一樣,入門簡單,並且非常方便,歡迎各位研究這個的一起探討