創建 Windows 8 Metro UI 風格網站所需要的資源集合
這些資源包含:模板,框架,jQuery插件,圖標集等。幫助你快速開發Windows 8 Metro UI風格的網站。
Frameworks & Templates For Metro-Styled Websites
Metro UI CSS
Metro UI CSS是一個漂亮,完整的框架,用于構建Metro風格網站。
它有杉LESS創建并擁有一個網格系統,包含排版,表格,表單,按鈕,和圖像的樣式。
它內置JavaScript組件: popular tiles, menu, sidebar, accordion, progress bars, notices 等。
BootMetro
BootMetro這個框架基于推ter BootStrap,提供了win8風格的界面和設計類庫,如果你希望能夠開發類似win8風格的網站或者應用,這個框架是一個不錯的選擇!這個框架設計源于Metro UI CSS,提供了豐富的UI設計樣式和元素,包含了大量的設計組件,插件和布局元素。相信如果你需要開發win8風格的界面,它絕對是你的開發利器。
metro-bootstrap
類似上面提到的BootMetro,metro-bootstrap。也是一個推ter Bootstrap主題。
它擁有Bootstrap的所有優點,還包含LESS樣式。
Metro UI Template
這是一個網站框架和模板,用于創建Windows 8 Metro UI風格的網站。
這模板也應用于創建移動網站,并擁有一個jQuery UI 主題。
Droptiles – Metro-Style Web Dashboard
一個開源的類似于Windows 8 Start的Web 2.0儀表盤Dashboard (類似于 iGoogle).
這個項目采用ASP.NET開發,但可以輕松移植到其它語言。
PHP Image Gallery In Metro UI
這是一個PHP相冊腳本,能夠自動生成縮略圖。并在一個Lightbox中展示圖片。它完全兼容HTML5 和 CSS3。
Motown
一個利用 Visual Studio來構建 Metro風格應用的類庫。并盡可能少編碼。它不需要任何JavaScript框架。
jQuery Plugins For Metro UI-Styled Websites
jq-metro
jq-metro jQuery插件自帶多個控件用來創建類似Metro的界面。
當前控件包括:panorama, pivot, progress bar, list picker, toggle switch, buttons 和 textbox 。
Metro JS
這個jQuery Metro UI 插件用于創建瓷磚,應用程序欄和有主題的支持。瓷磚和應用程序欄是高度可定制的功能和設計。
jQuery Metro UI Plugin
該插件使我們能夠輕松地創造了瓷磚.
jQuery Mobile Metro Theme
這是一個免費的jQuery mobile Metro UI 主題。它使用各種插件,用于處理應用程序欄,進度條,切換按鈕和日期選擇器。
Metro UI Theme Builder For jQuery UI
一個類似于ThemeRoller的主題構建器,用于jQuery UI。可用于創建Metro UI外觀輸出。
TileJS (non-jQuery)
一個獨立的JavaScript代碼用于創建的瓦片,點擊onClick時會出現傾斜效果的(CSS3)。
Free Metro UI Icons
Modern UI Icons
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.
Metro UI Dock Icon Set
一組 670+ 免費Windows 8 dock 圖標。
格式有:512*512px .PNG, 256*256px .ICO and as .SVG (converted by another designer).
Metro Icons
這個圖標集雖然源于Windows Phone 7,但仍然適用于Metro UI應用。