Windows8 Metro 初體驗

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

發佈了30 篇原創文章 · 獲贊 4 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章