这些资源包含:模板,框架,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这个框架基于Twitter BootStrap,提供了win8风格的界面和设计类库,如果你希望能够开发类似win8风格的网站或者应用,这个框架是一个不错的选择!

这个框架设计源于Metro UI CSS,提供了丰富的UI设计样式和元素,包含了大量的设计组件,插件和布局元素。相信如果你需要开发win8风格的界面,它绝对是你的开发利器。

metro-bootstrap

类似上面提到的BootMetro,metro-bootstrap。也是一个Twitter 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应用。

More script and css style 虾米站长网 

收集Windows 8 Metro UI 风格网站资源,觉得不错的顶啊!!的更多相关文章

  1. 【今日推荐】10大流行的 Metro UI 风格的 Bootstrap 主题和模板

    1. BootMetro 基于 Twitter Bootstrap 的简单灵活的 HTML.CSS 和 Javascript 框架,Win8 风格,大爱啊! 立即下载     效果演示 2. Boot ...

  2. WIN8 Metro UI 风格下的微软报表开发与设计 Metro UI SSRS - BIWORK

    开篇介绍 作为 BI 系统前端展现的报表,其重要性不言而喻,我们对于一个好的报表的要求也无非主要包含以下几点: 1. 数据完整和正确,数据质量没有问题 2. 友好的清晰的界面,整洁美观,有得体的格式 ...

  3. 7 款免费的 Metro UI 模板

    #1 – Free Metro Ui Style template by Asif Aleem 很棒的蓝色调 Metro UI 管理模板 #2: Metro-Bootstrap by TalksLab ...

  4. 纯Javascript实现Windows 8 Metro风格实现

    Metro风格设计主要特点 1.Windows 8 Metro风格设计,实现网站或系统功能的导航 2.纯Javascript实现 3.支持所有IE.360.Chrome等常用浏览器 4.支持圆角.阴影 ...

  5. 微软BI SSRS 2012 Metro UI Win 8 风格的报表课程案例全展示

    开篇介绍 微软BI SSRS 2012 Metro UI 高端报表视频教程 (http://www.hellobi.com/course/15)课程从2014年6月开始准备,于2014年9月在 天善B ...

  6. windows 8 metro 开发学习资源链接

    原文 http://www.cnblogs.com/icuit/archive/2012/05/30/2525979.html windows8 metro开发资源目前还是以MSDN为主,做了一个li ...

  7. 8个设计师必看的免费UI图标设计资源站

    图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分.在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力.今天,小编给 ...

  8. Metro UI 界面完全解析 (转载)

    Metro在微软的内部开发名称为“ typography-based design language”(基于排版的设计语言).它最早出现在微软电子百科全书95,此后微软又有许多知名产品使用了Metro ...

  9. Bootstrap看厌了?试试Metro UI CSS吧

    (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:Bootstrap作为一款超级流行的前端框架,已经成为很多人的首选,不过有时未免有点审 ...

随机推荐

  1. DFS HDOJ 5348 Ponds

    题目传送门 题意:有一张无向图,度数小于2的点会被去掉,直到全都大于等于2,问连通块顶点数为奇数的权值和为多少 分析:首先DFS把度数小于2的vis掉,第二次DFS把属于同一个连通块的vis掉,检查是 ...

  2. 那些坑爹的python面试题

    python基础知识思维导图 MyProcessOn Python基础: 说说你眼中的python( 2 ) 谈谈你对python和其他语言的区别 1. python 中,变量是以内容为基准而不是像 ...

  3. JSP分页技术的实现(利用当前页进行前后加减,并利用href进行当前页面传值,传值当然是那个当前值变量)

    一.可滚动结果集   Connection con  = DriverManager.getConnection(); PreparedStatement stmt = con.prepareStat ...

  4. php Try Catch多层级异常测试

    <?php class a { public function a1 () { try { throw new Exception('123'); } catch (Exception $e) ...

  5. AJPFX的反射学习笔记

    反射是描述 数据结构的结构        属性.方法(数据)元数据        类(数据结构)描述数据的结构-->类也是特殊的对象---->元数据        CLASS类 描述数据结 ...

  6. Masonry自动布局与UIScrolView适配

    Masonry介绍 Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性 而且同时支持 iOS 和 Max OS X.可以通过cocoa ...

  7. f# mathprovider

    http://mathprovider.codeplex.com/ http://mathnetnumerics.codeplex.com/releases/view/110750 http://py ...

  8. CSS 功能简介

    CSS的功能主要包括节点管理(Node Management,以下简称NM)和组管理(Group Management,以下简称GM)两部分,都是由守护进程ocssd.bin 来实现的,这是个多线程的 ...

  9. (转)使用JDK中的Proxy技术实现AOP功能

    http://blog.csdn.net/yerenyuan_pku/article/details/52863780 AOP技术在企业开发中或多或少都会用到,但用的最多的大概就是做权限系统时,在做权 ...

  10. zuul 整理

    网关: 为了解决ip+端口的不友好性而产生.具有服务代理的功能nginx 功能: 1.验证与安全保障: 识别面向各类资源的验证要求并拒绝那些与要求不符的请求. 2.审查与监控: 在边缘位置追踪有意义数 ...