这些资源包含:模板,框架,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. AtCoder Beginner Contest 058 ABCD题

    A - ι⊥l Time limit : 2sec / Memory limit : 256MB Score : 100 points Problem Statement Three poles st ...

  2. 模拟 HDOJ 5095 Linearization of the kernel functions in SVM

    题目传送门 /* 题意:表达式转换 模拟:题目不难,也好理解题意,就是有坑!具体的看测试样例... */ #include <cstdio> #include <algorithm& ...

  3. 转--oracle查看允许的最大连接数和当前连接数等信息

    两个参数间的关系:sessions=1.1*processes+5 目前总结的语句,在查看数据的连接情况很有用,写完程序一边测试代码一边查看数据库连接的释放情况有助于分析优化出一个健壮的系统程序来. ...

  4. Dapper系列之三:Dapper的事务修改与删除

    Dapepr的Update和Delete Dapper入门Dapper查询 上两篇文章我们介绍Dapper中添加和查询.本篇文章我们继续讲解修改和删除....如果本篇文章看不懂,请看阅读上两篇Dapp ...

  5. Apache CXF 框架结构和基本原理

    CXF旨在为服务创建必要的基础设施,它的整体架构主要由以下几个部分组成: 1.Bus 它是C X F架构的主干,为共享资源提供了一个可配置的场所,作用非常类似于S p r i n g的Applicat ...

  6. java nio 读取大文件

    package com.yao.bigfile; import java.io.File; import java.io.IOException; import java.io.RandomAcces ...

  7. 原生js的容易忽略的相似点(一)

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. postgres的强制类型转换与时间函数

    一.类型转换postgres的类型转换:通常::用来做类型转换,timestamp到date用的比较多select  now()::dateselect  now()::varchar 示例1:日期的 ...

  9. COGS 1. 加法问题 (水体日常)

    这是一个经典的入门问题,通过此问题,你可以学会如何使用该评测系统. [问题描述] 现在有两个实数,分别是A和B.请你从文件中读取A和B,计算它们的和A+B,并把它输出到文件中.(保留到整数) [输入格 ...

  10. PHP一句话后门过狗姿势万千之理论篇

    写在前面: 过狗相关的资料网上也是有很多,所以在我接下来的文章中,可能观点或者举例可能会与网上部分雷同,或者表述不够全面. 但是我只能说,我所传达给大家的信息,是我目前所掌握或者了解的,不能保证所有人 ...