阅读更多

15顶
2踩

Web前端

原创新闻 不容错过的 Window 8 Metro 风格 UI 资源

2012-11-02 14:40 by 见习编辑 tyygming 评论(7) 有13558人浏览
微软已经正式发布了windows 8操作系统,Windows操作系统的风格已经完全改变成了瓷贴状的Metro UI。

对于微软来说这是一个巨大的改变,而且所有微软的平台,包括桌面、平板、移动及网站都使用这个UI风格。

Metro UI包含了所有的现代web设计的特点:简化、基于网格的界面、富有连续性。大家如果有兴趣可以看看微软发布的《Windows Store应用程序用户体验指南》。

本文收集了很多Windows 8的Metro UI风格布局资源,希望大家喜欢!

一、Metro风格的网站框架和模板

1.  Metro UI CSS

Metro UI CSS是一个非常完整的、用于创建Metro风格网站的框架。使用LESS创建,并且拥有网格系统、排版样式、表格、按钮和图片。同时也拥有内建的JavaScript组件,帮助你生成瓷贴、菜单、边栏、进度条、提示等等。



2.  BootMetro

BootMetro是一个Twitter Bootstrap的Metro风格主题。你可以创建Metro风格的样式。例如,瓷贴UI、工具栏和其它组件。



3.  metro-bootstrap

类似上面的BootMetro,这是另外一个Twitter Bootstrap主题,拥有所有的漂亮组件,并且包含了LESS。



4.  Metro UI Template

这是一个网站的框架和模板,用来创建Windows 8 Metro UI风格的界面。拥有平滑的过渡效果和Tiles(包括RSS、Twitter、weather等)。



5.  Droptiles – Metro-Style Web Dashboard

一个开源的Windows 8开始界面仪表板(类似iGoogle)。使用tiles来展示信息,每一个tiles是独立的应用,可以用来获取数据。这个项目基于ASP.NET,可以移植到其它语言。



6.  PHP Image Gallery In Metro UI

一个PHP的图片画廊,可以自动生成缩略图,并且可以使用lightbox来显示图片。支持HTML5和CSS3。



7.  Motown

一个用来创建Metro风格应用的类库,使用很少代码即可实现。不依赖其它JavaScript类库。

二、Metro风格jQuery插件资源

1.  jq-metro

一个jQuery插件,用来创建Metro风格的界面。目前包含Panorama、Privot、进度条、列表选择、切换、按钮等。



2.  Metro JS

这个jQuery Metro UI插件可以用来创建tiles、应用条,并且支持主题。功能和设计完全可定制。



3.  jQuery Metro UI Plugin

这个插件可以简单的创建tiles视图并且支持聚焦。



4.  jQuery Mobile Metro Theme

一个免费jQuery移动Metro UI主题,完全支持自定义。使用不同插件来处理应用栏、进度条、按钮和日期选择器。



5.  Metro UI Theme Builder For jQuery UI

拥有themeroller风格的jQuery UI主题插件,帮助你创建Metro UI风格样式。



6.  TileJS (non-jQuery)

使用标准的JavaScript代码来创建tiles,并且拥有完整tiles的onclick效果。



三、免费Metro UI图标

1.  Modern UI Icons

一套简单手绘的Metro UI风格图标,拥有48x48大小的PNG格式及XAML文件。



2.  Metro UI Dock Icon Set

一套670枚的Windows 8图标,而且还在添加中。拥有512x512 png格式、256x256 ico和svg格式。



3.  Metro Icons

Windows Phone 7的图标,非常适合Metro UI应用。



来源:不容错过的window8 metro UI风格的web资源
来自: www.gbin1.com
15
2
评论 共 7 条 请登录后发表评论
7 楼 jAmEs_ 2013-01-09 15:58
xiao2shiqi 写道
很喜欢 metro  风格

me,too
6 楼 andyhan 2012-11-08 11:39
马克一下。
4 楼 air_fans 2012-11-03 23:55
mark2
3 楼 dianthus 2012-11-03 13:08
mark.
2 楼 sbpcx 2012-11-03 13:03
这文章好,正准备尝试Metro呢
1 楼 xiao2shiqi 2012-11-03 09:57
很喜欢 metro  风格

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • C#消息处理(转)

    C#的消息处理方法一、在C#中使用SendMessage      SendMessage是一个在user32.dll中声明的API函数,在C#中导入如下:using System.Runtime.InteropServices;[DllImport("user32.dll", EntryPoint="SendMessageA")]public static exter

  • c#中怎么截获按钮消息的几种方法实例验证

    C#

  • 对在C#中的消息应用的资料收集

    给你提供一点:C#中调用Windows API的要点,来自【CSDN - 文档中心】在.Net Framework SDK文档中,关于调用Windows API的指示比较零散,并且其中稍全面一点的是针对Visual Basic .net讲述的。本文将C#中调用API的要点汇集如下,希望给未在C#中使用过API的朋友一点帮助。另外如果安装了Visual Studio .net的话,在C:/Progr

  • c语言控件接收键盘消息,.Net WinForm 控件键盘消息处理剖析

    在WinForm控件上我们可以看到很多关于键盘消息处理的方法,比如OnKeyDown, OnKeyPress, ProcessCmdKey, ProcessDialogKey,IsInputKey等等,那么这些方法是如何被组织的,每一个方法的具体含义又是什么哪?Win32的键盘消息又是如何到达控件上的这些方法的,本文将着重阐述这些问题,对.Net WinForm控件的键盘消息处理过程进行剖析。1....

  • PreProcessMessage重载

    Event Handler for Control Key F2 P: n/a Carmen de Lara hello to all, I found in Internet the following code that is very usefull to me. The code dete...

  • (转)c#消息处理

    一、消息概述 Windows下应用程序的执行是通过消息驱动的。消息是整个应用程序的工作引擎,我们需要理解掌握我们使用的编程语言是如何封装消息的原理。 1 什么是消息(Message) 消息就是通知和命令。在.NET框架类库中的System.Windows.Forms命名空间中微软采用面对对象的方式重新定义了Message。新的消息(Message)结构的公共部分属性基...

  • C# 消息处理学习总结

    C# 收发和处理自定义的WINDOWS消息 http://blog.sina.com.cn/s/blog_45eaa01a01013zbs.html   为了程序启动后自动执行主函数,在Form1_Load中直接执行启动函数,可能造成没有 反应。当然,在Form1_Load中加入较长时间(比如2秒)的定时器,在定时器函数中关闭 定时器(仅需要执行一次),再执行主函数

  • C#中消息处理机制(事件与委托)

    编写过Windows桌面应用程序的人都知道,微软的Windows操作系统与应用程序之间的通信绝大部分是基于消息循环机制的。在VC++中,程序使用GetMessage,TranslateMessage,DispatchMessage语句从消息队列中获取消息,转换消息并且将消息分发到目标窗口的过程函数,并由过程函数对不同的Windows消息进行分别处理。 当你将开发平台转向C#的时候,由于C#对消息

  • 关于c#中的消息处理函数和vc中的消息处理函数区别

    google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//<script type="text/javascript"

  • C# 收发和处理自定义的WINDOWS消息

    C# 发送、接收和处理自定义的WINDOWS消息 转载地址:http://blog.chinaunix.net/uid-24427209-id-2608350.html   为了程序启动后自动执行主函数,在Form1_Load中直接执行启动函数,可能造成没有反应。当然,在Form1_Load中加入较长时间(比如2秒)的定时器,在定时器函数中关闭定时器(仅需要执行一次),再执行主函数会好些,但是...

  • 在C#里截获Windows消息

    Net平台在消息处理上的编程和Windows C++有很大的不同,Net对消息处理更加面向对象,但对于截获某些Window消息的处理并不让人很适应, 这里根据我们遇到的一些需求写了点东西供大家参考.  有这样一个需求, 一个文本框, 用户要求只能输入数字, 不可以输入字符, 但又不愿意在保存的时候提醒, 而是直接让字符输不进来.这时我们就要截获字符输入消息, 避免让它显示在文本框里, 看下

  • C#文件被占用的解决方案

    System.IO.IOException: 文件“D:\RS\RS_CCVI20111210.exe”正由另一进程使用,因此该进程无法访问该文件。 在 System.IO.__Error.WinIOError(Int32 errorCode, String maybeFullPath) 在 System.IO.FileStream.Init(String path, FileMode mode, FileAccess access, Int32 rights, Boolean useRight...

  • C#中键盘事件在WndProc函数之前的处理流程

    窗体和控件在WndProc处理函数处理键盘消息之前,都要进行预处理。本文就介绍在键盘事件被WndProc处理之前所经过的处理过程。 以下介绍是文本描述的示意介绍,和真正的代码流程(TranslateAccelerator,TranslateMessage,DispatchMessage处理)有区别,仅仅便于理解。 在一个私有函数中进行消息的内部处理,流程如下: internal PreP...

  • WM_CHAR、WM_KEYDOWN和WM_SYSKEYDOWN消息

    WM_KEYDOWN和WM_CHAR都是键盘消息。TranslateMessage函数已经将按键消息转换成字符消息了,那么WndProc函数中需要对事件进行选择。如:键入“D”键,就应该选择WM_CHAR,因为WM_CHAR 只是字母,不包含特殊字符如Ctrl等。 如果键盘键入的是“Ctrl+D”,则应该选择WM_KEYDOWN,因为WM_KEYDOWN既包含字母也包含特殊字符。

  • C# 复习笔记 消息与事件处理

    C# 复习笔记 消息与事件处理学习Windows编程后,有时候需要对系统消息或者事件做出自己的响应或者说自己拦截一些消息,实现某个事件或者函数的触发,这时就需要对系统消息进行处理. 大多数直接开始学习C#没有对C++有太多了解的猿们(包括我在内),都不太了解消息机制,还是看看百度百科的解释吧:百度百科对Windows消息机制的解释 简单的说,我个人理解,Windows是建立在消息机制上的.消息机

Global site tag (gtag.js) - Google Analytics