這些資源包含:模板,框架,jQuery插件,圖標集等。幫助你快速開發Windows 8 Metro UI風格的網站。本文轉自蝦米站長網css
Metro UI CSS是一個漂亮,完整的框架,用於構建Metro風格網站。git
它有杉LESS建立並擁有一個網格系統,包含排版,表格,表單,按鈕,和圖像的樣式。github
它內置JavaScript組件: popular tiles, menu, sidebar, accordion, progress bars, notices 等。web
BootMetro這個框架基於Twitter BootStrap,提供了win8風格的界面和設計類庫,若是你但願可以開發相似win8風格的網站或者應用,這個框架是一個不錯的選擇!
這個框架設計源於Metro UI CSS,提供了豐富的UI設計樣式和元素,包含了大量的設計組件,插件和佈局元素。相信若是你須要開發win8風格的界面,它絕對是你的開發利器。
bootstrap
相似上面提到的BootMetro,metro-bootstrap。也是一個Twitter Bootstrap主題。windows
它擁有Bootstrap的全部優勢,還包含LESS樣式。框架
這是一個網站框架和模板,用於建立Windows 8 Metro UI風格的網站。ide
這模板也應用於建立移動網站,並擁有一個jQuery UI 主題。佈局
一個開源的相似於Windows 8 Start的Web 2.0儀表盤Dashboard (相似於 iGoogle).網站
這個項目採用ASP.NET開發,但能夠輕鬆移植到其它語言。
這是一個PHP相冊腳本,可以自動生成縮略圖。並在一個Lightbox中展現圖片。它徹底兼容HTML5 和 CSS3。
一個利用 Visual Studio來構建 Metro風格應用的類庫。並儘量少編碼。它不須要任何JavaScript框架。
jq-metro jQuery插件自帶多個控件用來建立相似Metro的界面。
當前控件包括:panorama, pivot, progress bar, list picker, toggle switch, buttons 和 textbox 。
這個jQuery Metro UI 插件用於建立瓷磚,應用程序欄和有主題的支持。瓷磚和應用程序欄是高度可定製的功能和設計。
該插件使咱們可以輕鬆地創造了瓷磚.
這是一個免費的jQuery mobile Metro UI 主題。它使用各類插件,用於處理應用程序欄,進度條,切換按鈕和日期選擇器。
一個相似於ThemeRoller的主題構建器,用於jQuery UI。可用於建立Metro UI外觀輸出。
一個獨立的JavaScript代碼用於建立的瓦片,點擊onClick時會出現傾斜效果的(CSS3)。
A set of pixel-perfect and hand-crafted icons in the Metro UI style.
They come in .design, 48*48px PNG (for App Bar) and as XAML files.
一組 670+ 免費Windows 8 dock 圖標。
格式有:512*512px .PNG, 256*256px .ICO and as .SVG (converted by another designer).
這個圖標集雖然源於Windows Phone 7,但仍然適用於Metro UI應用。
More script and css style 蝦米站長網 :