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

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 11:33 点击:

  

不容错过的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

  

Metro UI CSS

 

  BootMetro

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

  

BootMetro

 

  metro-bootstrap

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

  

metro-bootstrap

 

  Metro UI Template

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

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

  

Metro UI Template

 

  Droptiles – Metro-Style Web Dashboard

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

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

  

Droptiles

 

  PHP Image Gallery In Metro UI

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

  

PHP Image Gallery Metro UI

 

  Motown

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

  Metro风格jQuery插件资源

  jq-metro

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

  

jq-metro: Metro UI jQuery Plugin

 

  Metro JS

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

  

MetroJS

 

  jQuery Metro UI Plugin

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

  

jQuery Metro UI Plugin

 

  jQuery Mobile Metro Theme

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

  

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 7大主流B2C首页导航栏设计对比分析
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1