HTML 5中的現代UI（Metro）風格瓷磚？

我想知道是否可以在HTML頁面上從Windows 8重新創建現代UI的平鋪系統。HTML 5中的現代UI（Metro）風格瓷磚？

我已經從this website創建this。下面是代碼

<div class="tile pos1-1 w1h1 techolive"></div> 
<div class="tile pos1-2 w1h1 techblue"></div> 
<div class="tile pos2-2 w1h1 techred"></div> 
<div class="tilebanner" style="font-size: 20px !important;"> 
    <a class="tile pos2-3 w2h1 techdarkblue" href="..."> 
        List of<br/> 
        Sessions 
    </a> 
</div>

現在我想補充的現代UI的相同slide movement效果。我邀請我需要javaScript來創建它。也許這個功能或類似的功能包含在HTML 5或CSS中。你知道我在哪裏可以找到樣品嗎？

來源

2013-04-24 Bastien Vandamme

我剛剛發現這一點，但它是一個工具，，沒有真正的代碼。我想代碼這個來創建網站：http：//www.youtube.com/watch？v = 5MB4PqHhEbU – 2013-04-24 11:31:03

jQuery有一個插件叫Metro JS。也許你可以使用它來創建jQuery和JavaScript的瓷磚。

來源

2013-04-24 11:30:26

哈哈，這句話應該去「Theres插件」 – 2013-04-24 11:35:14

@大衛蔡斯：你說得對。我用德語語法。更正了我的答案。 – 2013-04-24 11:40:56

大聲笑我的意思是喜歡蘋果說[「有應用程序的那個」]（http://www.cnn.com/2010/TECH/mobile/10/12/app.for.that/index.html），我我說「有一個插件」與你的語法無關:) – 2013-04-24 12:24:24

現在任何人都應該看看MetroUI - 它採用了與Twitter Bootstrap非常相似的方法，使用非常簡單，並且產生了非常好的結果。

這也是：

與微軟的建議，開發構建用戶界面

所以你得到的東西真的到Windows 8

來源

2013-07-26 11:32:29

HTML 5中的現代UI（Metro）風格瓷磚？

回答

相關問題