不容错过的window8 metro UI风格的web资源

  

  最近微软已经正式发布了windows 8操作系统,window操作系统的风格已经完全改变成了瓦片状的Metro UI。

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

  Metro UI包含了所有的现代web设计的特点,包括了,简化,基于网格的界面,并且富有连续性。 大家如果有兴趣可以看看这个界面设计说明 (http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx)。

  如果你也喜欢Metro风格的话,这里我们收集了很多windows 8的Metro UI风格布局资源,希望大家喜欢!

  Metro风格的网站框架和模板

  Metro UI CSS

  Metro UI CSS是一个非常完整的创建Metro风格的网站的框架。使用LESS创建,并且拥有网格系统,排版样式,表格,按钮和图片。

  同时也拥有内建的javascript组件,帮助你生成片状,菜单,边栏,进度条,提示等等

  etro UI CSS

  

  BootMetro

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

  

  metro-bootstrap

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

  

  Metro UI Template

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

  这个模板支持模板并且拥有jQuery UI主题。

  

  Droptiles – Metro-Style Web Dashboard

  一个开源的windows 8开始界面dashboard(类似igoogle)。

  使用tiles来展示信息,每一个tiles是独立的应用可以用来获取数据。这个项目基于ASP.NET可以移植到其它语言。

  

  PHP Image Gallery In Metro UI

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

  

  Motown

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

  Metro风格jQuery插件资源

  jq-metro

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

  

  Metro JS

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

  

  jQuery Metro UI Plugin

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

  

  jQuery Mobile Metro Theme

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

  

  Metro UI Theme Builder For jQuery UI

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

  

  TileJS (non-jQuery)

  一个标准的javascript代码来创建tiles并且拥有完整tiles的onclick效果。

  

  免费Metro UI图标

  Modern UI Icons

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

  

  Metro UI Dock Icon Set

  一套670枚的windows8图标,而且还在添加中。拥有512x512 png格式,256x256 .ico和.svg格式(由其它设计师设计)。

  

  Metro Icons

  windows phone 7的图标,非常适合Metro UI应用。

  

  来源:不容错过的window8 metro UI风格的web资源

时间: 2025-01-21 11:34:44

不容错过的window8 metro UI风格的web资源的相关文章

Web设计资源:Windows8的Metro UI风格布局案例

文章描述:本文收集了很多Windows 8的Metro UI风格布局资源,希望大家喜欢! 微软已经正式发布了windows 8操作系统,Windows操作系统的风格已经完全改变成了瓷贴状的Metro UI.对于微软来说这是一个巨大的改变,而且所有微软的平台,包括桌面.平板.移动及网站都使用这个UI风格.Metro UI包含了所有的现代web设计的特点:简化.基于网格的界面.富有连续性. 本文收集了很多Windows 8的Metro UI风格布局资源,希望大家喜欢! 一.Metro风格的网站框架和

五个Metro UI 风格的网页设计

 随着Windows Phone7的发布,WIN8的初露倪端,Metro这种新兴设计风格正被大家所熟悉.      Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言.      Metro设计具备以下五点原则:        1.干净.轻量.开放.快速       2.要内容,而不是质感       3.整合软硬件       4.世界级的动画      5.生动,有灵魂      这些设计原则都基于这样一个原则,就是所有的UI元素都应该实实在在的数字化

Black Hat 2017:不容错过的七大主题演讲

激动人心的Black Hat 2017美国黑帽大会即将拉开帷幕,列出今天这份重要演讲清单,来看看今年都涉及哪些主题. 今年的这些演讲将涵盖移动网络安全漏洞.入侵电子门锁到监控家庭网络流量等极为广泛的研讨方向.下面E安全带大家进入不容错过的七大2017美国黑帽大会主题演讲(排名不分先后,仅遵循其在本次会议上进行的具体时间顺序). 一.风力发电场控制网络攻击风险 主讲人: 杰森·斯塔格斯(Jason Staggs),塔尔萨大学安全研究员 地点: Lagoon ABCGHI 日期: 7月26日星期三,

6款不容错过的超棒倒计时jQuery插件

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 如果你曾经开发过类似限时抢购的网站或者应用的话,或者你需要在发布一款超棒游戏之前添加一些神秘元素的话,一个超棒或者超酷的倒计时页面绝对是非 常有必要的,制作一个倒计时的功能虽然不是非常复杂,但是如果你有现成的代码能够直接使用的话,相信各位也绝对不会拒绝!在今天的这篇文章中,我们收集了 六款超棒的倒计时jQuery插件,能够快速高效的帮助你搭建

使用WPF来创建 Metro UI程序

本文转载:http://www.cnblogs.com/TianFang/p/3184211.html 这个是我以前网上看到的一篇文章,原文地址是:Building a Metro UI with WPF,这篇文章一步步的介绍了如何实现一个Metro样式的窗口,并且效果非常好.今天看到OSChina上有这篇文章的译文:使用WPF来创建 Metro UI,翻译得非常好,这里推荐一下.  值得一提的是,除了这种一步步来的方式外,现在Codeplex中也有不少比较好的metro风格的wpf框架,可以帮

Windows Phone灵魂诠释:Metro UI界面完全解析

Metro在微软的内部开发名称为" typography-based design language"(基于排版的设计语言).它最早出现在微软电子百科全书95,此后微软又有许多知名产品使用了Metro UI,这包括:Windows媒体中心.Zune播放器等等.该技术已于2010年初(美国)获得Metro UI专利批准(USPTO).Metro UI最新的应用是windows phone 7智能手机系统,并将应用于未来的Windows 8.Office 和 Xbox 360产品中.  

开发者不容错过的12款开源JavaScript库

JavaScipt几乎是所有前端http://www.aliyun.com/zixun/aggregation/7155.html">开发人员必会的编程语言,并且,随着各种移动APP的串红,JavaScript还可以用来开发移动应用.除此以外,为了丰富前端/移动开发,有不少开发者推出了各种基于JavaScript的库,这些几乎能实现任何你需要的功能,并且有些库可以用来开发某些特定的功能,非常强大. 本文推荐了12款开源的JavaScript库,这些库可以帮助大家快速开发各种前端/移动应用,

2012年不容错过的iOS游戏大作盘点

2012年不容错过大作(一)移动智能系统的普及,成就了一款款精良品质的移动游戏.日前,笔者从威锋网论坛中,为广大 网友汇总出2012年不容错过的10余款iOS游戏大作.<无尽之剑:地下城>.<狂野飙车7:热度>.<极品飞车17:最高通缉>.<FIFA 13>.<生化危机Vs.>等每一款游戏作品都有一定影响力,感兴趣的朋友不妨先小探一下.<无尽之剑:地下城>Infinity Blade: Dungeons<无尽之剑:地下城>

JS实例:模拟metro UI的等待进度条

文章简介: JS模拟metro UI的等待进度条,圆圈转转转的等待通用性比较差吧.  JS模拟metro UI的等待进度条,圆圈转转转的等待通用性比较差吧 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://ww