本文概述

Windows和.NET框架在包括我在內(nèi)的許多開(kāi)發(fā)人員的心中肯定會(huì)永遠(yuǎn)保留一個(gè)很大的位置。盡管最近Microsoft在其Build開(kāi)發(fā)者大會(huì)上正式宣布了其Fluent Design System, 但Metro風(fēng)格或扁平化仍出現(xiàn)在Windows Vista直至Windows 10上, 因此, 如果你打算創(chuàng)建使用CSS和HTML的Web應(yīng)用程序或本機(jī)應(yīng)用程序, 在用戶(hù)界面中, 你可以通過(guò)使用開(kāi)源CSS框架來(lái)遵循Metro準(zhǔn)則。

在此頂部, 我們想與你分享最著名和有用的CSS框架, 這些框架將幫助你創(chuàng)建Windows風(fēng)格的Web應(yīng)用程序。享受我們的頂級(jí)！

5. Metro Boostrap

Github

MetroBootstrap是具有Metro風(fēng)格的簡(jiǎn)單引導(dǎo)主題。

4. Bootswatch Cosmo主題

Github

Bootswatch是用于Bootstrap的開(kāi)源主題的集合。在這種情況下, 對(duì)于Metro UI風(fēng)格的界面, 你可以使用Cosmo主題, 純粹是對(duì)Metro的頌歌。一個(gè)主題由兩個(gè)LESS文件組成。缺省情況下, Bootstrap中包含variables.less, 你可以自定義這些設(shè)置。 bootswatch.less引入了更廣泛的結(jié)構(gòu)更改。這些文件在SASS中也可用。

3. Winstrap

Github

Winstrap旨在成為Microsoft設(shè)計(jì)語(yǔ)言的最佳Bootstrap主題。它隨SASS文件及其輕量級(jí)提供。

2. BootMetro

Github

BootMetro為想要使用” Windows 8 MetroUI”風(fēng)格的Web應(yīng)用程序提供了簡(jiǎn)單靈活的HTML, CSS和Javascript, 而無(wú)需在Windows 8上運(yùn)行。它基于Twitter Bootstrap和HTML5 Boilerplate構(gòu)建。也許對(duì)于Internet網(wǎng)站不是理想的, 但MetroUI樣式可以用于現(xiàn)代Intranet網(wǎng)站。

1. Metro UI

Github

Metro UI是使用Windows Metro Style在Web上開(kāi)發(fā)項(xiàng)目的最強(qiáng)大的前端框架。 Metro UI CSS是在Microsoft的建議下開(kāi)發(fā)的, 用于構(gòu)建用戶(hù)界面, 其中包括：常規(guī)樣式, 網(wǎng)格, 布局, 版式, 20多個(gè)組件, 300多個(gè)內(nèi)置圖標(biāo)。 Metro UI CSS是使用LESS構(gòu)建的, 并且是使用MIT許可模型開(kāi)源的。

如果你知道遵循Metro設(shè)計(jì)的另一個(gè)很棒的開(kāi)源CSS框架, 請(qǐng)??在評(píng)論框中與社區(qū)分享。

總結(jié)

以上是生活随笔為你收集整理的html ui windows 风格,5个最佳开源Metro风格(Windows UI)CSS框架的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。