这些资源包含:模板,框架,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. HDU2586(tarjanLCA板子)

    ; int T, n, m; int f[maxn], vis[maxn], dis[maxn], ans[maxn]; vector<P> vc[maxn]; vector<int ...

  2. Graph HDU - 4467

    https://vjudge.net/problem/HDU-4467 大概就是,设一个块大小T 对于度数<=T的点,设为1类点,在改变颜色的时候暴力查询与其相邻点,更新答案 对于度数>T ...

  3. 莫比乌斯函数 && HDU-1695

    莫比乌斯函数定义: $$\mu(d)=\begin{cases}1 &\text{d = 1}\\(-1)^r &\text{$d=p_1p_2...p_r,其中p_i为不同的素数$} ...

  4. [转]EntityFramework之领域驱动设计实践

    本文转自:http://www.cnblogs.com/daxnet/archive/2010/11/02/1867392.html Entity Framework之领域驱动设计实践 EntityF ...

  5. mvc报( 检测到有潜在危险的 request.form 值 )错的解决方案

    今天在做项目中遇到了报( 检测到有潜在危险的 request.form 值 )错,百度过后解决了该问题,出此问题主要还是因为提交的Form中有HTML字符串,例如你在TextBox中输入了html标签 ...

  6. f# mathprovider

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

  7. JS学习-事件响应小结-简单的计算器

    <!DOCTYPE html> <html> <head> <title> 事件</title> <script type=" ...

  8. C# 移动开发(Xamarin.Form) Plugin.BLE 蓝牙连接

    随着Xamarin.Form项目接近尾声,仔细一算才发现过来大半年时间了. 期间除了刚开始有闲情写写,现在总算有空来总结一下了. 来先说 Plugin.BLE (https://github.com/ ...

  9. MMRecovery下载和恢复方法教程

    如何能下载到最新版本的恢复软件MMRecovery?下载后我们如何能够快速的使用起来呢?好的,我们接下来就开始这些内容. 一.下载最新版本的恢复软件MMRecovery 1.官方网站下载,如下图在浏览 ...

  10. Hystrix 断路器

    断路器: 当客户端访问服务端,发现服务端有异常不能进行访问时,就会执行一个fallback 方法.