收集Windows 8 Metro UI 风格网站资源,觉得不错的顶啊!!

news/2024/5/10 5:45:17/文章来源:https://blog.csdn.net/weixin_30249203/article/details/96817826
收集Windows 8 Metro UI 风格网站资源,觉得不错的顶啊!!

这些资源包含:模板,框架,jQuery插件,图标集等。帮助你快速开发Windows 8 Metro UI风格的网站。本文转自虾米站长网

Frameworks & Templates For Metro-Styled Websites


Metro UI CSS

创建 Windows 8 Metro UI 风格网站所需要的资源集合

Metro UI CSS是一个漂亮,完整的框架,用于构建Metro风格网站。

它有杉LESS创建并拥有一个网格系统,包含排版,表格,表单,按钮,和图像的样式。

它内置JavaScript组件: popular tiles, menu, sidebar, accordion, progress bars, notices 等。

BootMetro

创建 Windows 8 Metro UI 风格网站所需要的资源集合

BootMetro这个框架基于Twitter BootStrap,提供了win8风格的界面和设计类库,如果你希望能够开发类似win8风格的网站或者应用,这个框架是一个不错的选择! 

这个框架设计源于Metro UI CSS,提供了丰富的UI设计样式和元素,包含了大量的设计组件,插件和布局元素。相信如果你需要开发win8风格的界面,它绝对是你的开发利器。 

 

metro-bootstrap

创建 Windows 8 Metro UI 风格网站所需要的资源集合

类似上面提到的BootMetro,metro-bootstrap。也是一个Twitter Bootstrap主题。

它拥有Bootstrap的所有优点,还包含LESS样式。

Metro UI Template

创建 Windows 8 Metro UI 风格网站所需要的资源集合

这是一个网站框架和模板,用于创建Windows 8 Metro UI风格的网站。

这模板也应用于创建移动网站,并拥有一个jQuery UI 主题。

Droptiles – Metro-Style Web Dashboard

创建 Windows 8 Metro UI 风格网站所需要的资源集合

一个开源的类似于Windows 8 Start的Web 2.0仪表盘Dashboard (类似于 iGoogle).

这个项目采用ASP.NET开发,但可以轻松移植到其它语言。

PHP Image Gallery In Metro UI

创建 Windows 8 Metro UI 风格网站所需要的资源集合

这是一个PHP相册脚本,能够自动生成缩略图。并在一个Lightbox中展示图片。它完全兼容HTML5 和 CSS3。

Motown

一个利用 Visual Studio来构建 Metro风格应用的类库。并尽可能少编码。它不需要任何JavaScript框架。

 

jQuery Plugins For Metro UI-Styled Websites


jq-metro

创建 Windows 8 Metro UI 风格网站所需要的资源集合

jq-metro jQuery插件自带多个控件用来创建类似Metro的界面。

当前控件包括:panorama, pivot, progress bar, list picker, toggle switch, buttons 和 textbox 。

Metro JS

创建 Windows 8 Metro UI 风格网站所需要的资源集合

这个jQuery Metro UI 插件用于创建瓷砖,应用程序栏和有主题的支持。瓷砖和应用程序栏是高度可定制的功能和设计。

jQuery Metro UI Plugin

创建 Windows 8 Metro UI 风格网站所需要的资源集合

该插件使我们能够轻松地创造了瓷砖.

jQuery Mobile Metro Theme

创建 Windows 8 Metro UI 风格网站所需要的资源集合

这是一个免费的jQuery mobile Metro UI 主题。它使用各种插件,用于处理应用程序栏,进度条,切换按钮和日期选择器。

Metro UI Theme Builder For jQuery UI

创建 Windows 8 Metro UI 风格网站所需要的资源集合

一个类似于ThemeRoller的主题构建器,用于jQuery UI。可用于创建Metro UI外观输出。

TileJS (non-jQuery)

创建 Windows 8 Metro UI 风格网站所需要的资源集合

一个独立的JavaScript代码用于创建的瓦片,点击onClick时会出现倾斜效果的(CSS3)。

 

Free Metro UI Icons


 

Modern UI Icons

 

 

创建 Windows 8 Metro UI 风格网站所需要的资源集合

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

创建 Windows 8 Metro UI 风格网站所需要的资源集合

一组 670+ 免费Windows 8 dock 图标。

格式有:512*512px .PNG, 256*256px .ICO and as .SVG (converted by another designer).

Metro Icons

创建 Windows 8 Metro UI 风格网站所需要的资源集合

这个图标集虽然源于Windows Phone 7,但仍然适用于Metro UI应用。

More script and css style 虾米站长网 

posted on 2014-02-27 16:22 李泽涵 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/joboxs/p/3571776.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_770561.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站DIV+CSS及搜索优化

DIVCSS技术优势 业界越来越关注DIVCSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在DivCSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是DivCSS标准?DivCSS的标准化设计到底有什么好…

一个网站的开发步骤

github 经常有朋友说"我想做个网站"、“网站上放个什么什么”、"对你来说应该很容易,帮个忙吧"等等。怎么说呢,大部分非互联网行业的人是不了解网站的开发流程的,他们可能以为就是个简单的页面,顺手拈来&…

腾讯云 网站开启HTTPS

下图是我站点的初始化样子,可以看到只是输出一个字符串,啥也没有,并且没有https。 这无所谓,因为我们的重点是https,而不是网站内容 接下来就是配置https的关键步骤了,其实只需要三步而已: 申请…

在linux环境下廉价发布网站

在linux环境下廉价发布网站今天我来向大家详细讲解一下:在linux环境下的网站发布。我们都知道,在windows环境下发布网站一般都用IIS,因为IIS是很方便使用和管理的,但是也有一些不足,那就是安全漏洞较多,不知…

如何让Maple中的数学引擎进入你的桌面应用程序和网站

MapleNET数学服务套件将Maple 2015强大的数学引擎引入您的应用程序和网站。使用MapleNET,您可以添加数学计算和可视化功能到网页和桌面程序中,通过互联网/局域网分享“活”的Maple文件,以及开发丰富的技术网站内容。 新增支持移动设备端的访问…

Drupal 7 国际化和多语言网站的建立

2019独角兽企业重金招聘Python工程师标准>>> Drupal 是一个自由的国度,其跨语言的发布能力自然不会有问题。今天我们看一下Drupal 7当前的现状。 在Drupal 7之前的版本中,国际化是通过一系列特定的模块组合来实现的,这些模块被统称…

2011年50大最佳网站

2011年50大最佳网站体育运动类 Bleacher Report 在Bleacher Report上,体育报道并非由一小撮专职记者,而是数千位粉丝兼投稿人完成。这就是报道深入而且富有激情的原因。而报道质量标准比某些社会上的新闻中心要高。在那些新闻中心里,“平民记…

xampp配置二级域名通过不同端口访问不同网站

首先需要在xampp\apache\conf\extra\httpd-vhost.conf中写入配置的二级域名 <VirtualHost *:8081> // 该网站通过监测8081端口ServerName blogs.xueshuai.com // 自定义二级域名DocumentRoot "C:\NewFile\web\Blogs" // 二级域名所指向的路径<Dire…

20个免费在线生成网站

转自与你潇洒人生路http://www.cnblogs.com/shuaixf/archive/2012/06/16/2551589.html 1. Blogger- Create Your Free Blog Website Blogger also allow you to change use custom domain such as (yourdomainname.com) 2. WordPress – Get a Free Blog Website WordPress al…

网站开发的流程介绍

首先了解一下&#xff0c;何为网页&#xff1f; 网页包含电脑端网页&#xff08;即你通过浏览器看到的任何一个页面&#xff09;&#xff0c;包括移动端网页&#xff08;即你通过手机浏览器访问到的页面&#xff09;&#xff0c;一个好的网页可以是你一个强大的营销手段&#x…

压缩图片的网站

分享一个用来压缩图片的网站&#xff1a;https://tinypng.com/ 使用方法&#xff1a; 1.打开网站 2&#xff0c;把你想要压缩的图片拖至熊猫右边的框内 3,等待一会儿&#xff0c;压缩完毕后下载压缩好的图片 转载于:https://www.cnblogs.com/norcoA3/p/5873076.html

免费网站模版:一个黑色系的公司网站模版(flash幻灯)

为什么80%的码农都做不了架构师&#xff1f;>>> 日期&#xff1a;2012-9-17 来源&#xff1a;GBin1.com 在线演示 本地下载 来源&#xff1a;免费网站模版&#xff1a;一个黑色系的公司网站模版&#xff08;flash幻灯&#xff09; 转载于:https://my.oschina.ne…

C# 判断网站是否能访问或者断链

转自&#xff1a;http://www.cnblogs.com/junny/archive/2012/10/30/2745978.html using System.Net;public bool CheckUrlVisit(string url) { try{HttpWebRequest req (HttpWebRequest)WebRequest.Create(url);HttpWebResponse resp (HttpWebResponse)req.GetRespons…

第三方网站接入秀米,实现秀米编辑的文章同步到自己的网站平台

公司系统需要引入秀米&#xff0c;于是上网查方法&#xff0c;发现了&#xff1a; 第三方接入秀米的图文排版&#xff1a;http://r.xiumi.us/board/v5/2a5va/16516964 秀米图文排版UEditor插件示例&#xff1a;http://hgs.xiumi.us/uedit/ 但是这两个出现了一下问题&#xff0c…

网站性能优化有哪些方法

网站性能优化有哪些方法 一、总结 一句话总结&#xff1a; web前端性能优化&#xff1a;浏览器访问优化、CDN加速、反向代理 应用服务器性能优化&#xff1a;分布式缓存、异步操作、使用集群、代码优化 web前端性能优化方法有哪些1. 浏览器访问优化&#xff1a;减少http请求&am…

学习MVC之租房网站(五)-权限、角色、用户管理

在上一篇<学习MVC之租房网站&#xff08;四&#xff09;-实现Service层并进行单元测试>中&#xff0c;记录了实现Service层并进行单元测试的过程&#xff0c;接下来该到“正题”-MVC了&#xff0c;也就是UI层的开发。 网站分为前台、后台两部分&#xff0c;因为后台涉及到…

从零开始用 Flask 搭建一个网站(一)

转自&#xff1a;https://blog.csdn.net/jpush/article/details/69946646 前言 笔者之前未接触过 Python&#xff0c;只是略懂一点前端&#xff0c;所以说从零开始也相差无几吧。Flask 是一个轻量级的基于 Python 的框架&#xff0c;但是扩展性非常良好&#xff08;Github 上 2…

从零开始创建属于自己的网站(转)

准备域名 如果已经有域名的用户可以跳过这一步&#xff0c;如果没有的话可以在万网购买&#xff0c;.com等国际域名大约在39元/年&#xff0c;部分国内域名仅需要9元。准备服务器 如果已经有服务的用户也可以跳过这一步&#xff0c;如果没有的话可以选择购买阿里云的服务器。如…

如何发布网站

1. 购买域名 2. 登录阿里云&#xff0c;到阿里云的控制台&#xff0c;域名与网站 --域名中解析 二。填写内容&#xff0c;注意记录值使用外网的ip地址 三&#xff0c;配置iis&#xff0c;一个端口可以配置多个域名 转载于:https://www.cnblogs.com/haigui-zx/p/9081826.html

网站优化:浏览器缓存控制简介及配置策略

说在开头 《高性能建站指南》看了很多遍&#xff0c;一直没有搞清楚缓存这一块。。什么expired,last-modified,eTag等等&#xff0c;自己只是知道&#xff0c;并没有深入了解&#xff0c;在http请求中&#xff0c;这些字段是如何判断是否需要从服务端重新拿文件还是利用缓存。看…