阅读更多

15顶
2踩

Web前端

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

2012-11-02 14:40 by 见习编辑 tyygming 评论(7) 有13472人浏览
微软已经正式发布了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#中消息被封装成了事件。 System.Windows.Forms.Application类具有用于启动和停止应用程序和线程以及处理Windows消息的方法。

  • 对在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....

  • C#消息处理(转)

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

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

    从vc入门编程的,相信大家都很熟悉PreTranslateMessage和WindowProc两个函数,前者是预处理windows发给控件的消息,后者是处理剩余的控件消息。对于PreTranslateMessage函数,一般来说,我们是这样处理控件消息的:BOOL test::PreTranslateMessage(MSG* pMsg) {if(pMsg->hwnd==GetSafeHwnd(

  • 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# Message 消息处理

    一、消息概述 Windows下应用程序的执行是通过消息驱动的。消息是整个应用程序的工作引擎,我们需要理解掌握我们使用的编程语言是如何封装消息的原理。C#自定义消息通信往往采用事件驱动的方式实现,但有时候我们不得不采用操作系统的消息通信机制,例如在和底层语言开发的DLL交互时,是比较方便的。下面列举了一些实现方式,供大家参考.1 什么是消息(Message) 消息就是通知和命令。在.NET框架类库中的System.Windows.Forms命名空间中微软采用面对对象的方式重新定义了Messag

  • (转)c#消息处理

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

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

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

  • vc 添加消息及消息处理函数

    添加自定义消息和函数: 1.在要添加消息的类头文件中定义宏 #define WM_xxx WM_USER+n(n>=0); 2.在类的声明中添加消息处理函数的声明 afx_msg void xxxx(WPARAM wParam,LPARAM lParam); 3.在类的实现文件中消息映射部分添加消息映射  ON_MESSAGE(WM_xxx, xxxx); 4.自己编写消息处理函数。

  • VS2010/MFC编程入门之八(对话框:为控件添加消息处理函数)

    创建对话框类和添加控件变量在上一讲中已经讲过,这一讲的主要内容是如何为控件添加消息处理函数。        MFC为对话框和控件等定义了诸多消息,我们对它们操作时会触发消息,这些消息最终由消息处理函数处理。比如我们点击按钮时就会产生BN_CLICKED消息,修改编辑框内容时会产生EN_CHANGE消息等。一般为了让某种操作达到效果,我们只需要实现某个消息的消息处理函数。        

Global site tag (gtag.js) - Google Analytics