不容錯過的window8 metro UI風格的web資源

class="area"> 　最近微軟已經正式發布了Windows 8操作系統，window操作系統的風格已經完全改變成了瓦片狀的Metro UI。

　　對於微軟來說這是一個巨大的改變，而且所有微軟的平台包括，桌面，平板，移動及其網站都使用這個UI風格。

　　Metro UI包含了所有的現代web設計的特點，包括了，簡化，基於網格的界面，並且富有連續性。 大家如果有興趣可以看看這個界面設計說明 (http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx)。

　　如果你也喜歡Metro風格的話，這裡我們收集了很多windows 8的Metro UI風格布局資源，希望大家喜歡!

　　Metro風格的網站框架和模板

　　Metro UI CSS

　　Metro UI CSS是一個非常完整的創建Metro風格的網站的框架。使用LESS創建，並且擁有網格系統，排版樣式，表格，按鈕和圖片。

　　同時也擁有內建的javascript組件，幫助你生成片狀，菜單，邊欄，進度條，提示等等

　　etro UI CSS

　　

 

　　BootMetro

　　BootMetro是一個Twitter Bootstrap的Metro風格主題。你可以創建Metro風格的樣式。例如，片狀UI，工具欄，其它組件。

　　

 

　　metro-bootstrap

　　類似上面的BootMetro，這是另外一個Twitter Bootstrap主題，擁有所有的漂亮組件，並且包含了LESS。

　　

 

　　Metro UI Template

　　這是一個網站的框架和模板，用來創建windows 8 Metro UI風格的界面。擁有平滑的過渡效果和tiles(包括，RSS，Twitter，weather等等)

　　這個模板支持模板並且擁有jQuery UI主題。

　　

 

　　Droptiles – Metro-Style Web Dashboard

　　一個開源的windows 8開始界面dashboard(類似igoogle)。

　　使用tiles來展示信息，每一個tiles是獨立的應用可以用來獲取數據。這個項目基於ASP.NET可以移植到其它語言。

　　

 

　　PHP Image Gallery In Metro UI

　　一個PHP的圖片畫廊可以自動生成縮略圖，並且可以使用lightbox來顯示圖片。支持HTML5和CSS3。

　　

 

　　Motown

　　一個用來創建Metro風格應用的類庫，使用很少代碼即可實現。不依賴其它javascript類庫。

　　Metro風格jQuery插件資源

　　jq-metro

　　一個jQuery插件用來創建Metro風格的界面。目前，panorama，privot，進度條，列表選擇，切換，按鈕等。

　　

 

　　Metro JS

　　這個jQuery Metro UI插件可以用來創建tiles，應用條，並且支持主題。功能和設計完全可定制。

　　

 

　　jQuery Metro UI Plugin

　　這個插件可以簡單的創建tiles視圖並且支持聚焦。

　　

 

　　jQuery Mobile Metro Theme

　　一個免費jQuery移動Metro UI主題，完全支持自定義。使用不同插件來處理應用欄，進度條，按鈕和日期選擇器。

　　

 

　　Metro UI Theme Builder For jQuery UI

　　擁有themeroller風格的jQuery UI主題創建，幫助你創建Metro UI風格樣式

　　

 

　　TileJS (non-jQuery)

　　一個標准的javascript代碼來創建tiles並且擁有完整tiles的onclick效果。

　　

 

　　免費Metro UI圖標

　　Modern UI Icons

　　一套簡單手繪的Metro UI風格圖標，擁有48x48大小的PNG格式及其XAML文件。

　　

 

　　Metro UI Dock Icon Set

　　一套670枚的windows8圖標，而且還在添加中。擁有512x512 png格式，256x256 .ico和.svg格式(由其它設計師設計)。

　　

 

　　Metro Icons

　　windows phone 7的圖標，非常適合Metro UI應用。

　　

 

　　來源：不容錯過的window8 metro UI風格的web資源