html ui windows 风格,5个最佳开源Metro风格(Windows UI)CSS框架

html ui windows 风格,5个最佳开源Metro风格(Windows UI)CSS框架本文概述 Windows 和 NET 框架在包括我在内的许多开发人员的心中肯定会永远保留一个很大的位置 尽管最近 Microsoft 在其 Build 开发者大会上正式宣布了其 FluentDesign 但 Metro 风格或扁平化仍出现在 WindowsVista 直至 Windows10 上 因此 如果你打算创建使用 CSS 和 HTML 的 Web 应用程序或本机应用程序 在用户界面中 你可以通过使用

本文概述

Windows和.NET框架在包括我在内的许多开发人员的心中肯定会永远保留一个很大的位置。尽管最近Microsoft在其Build开发者大会上正式宣布了其Fluent Design System, 但Metro风格或扁平化仍出现在Windows Vista直至Windows 10上, 因此, 如果你打算创建使用CSS和HTML的Web应用程序或本机应用程序, 在用户界面中, 你可以通过使用开源CSS框架来遵循Metro准则。

在此顶部, 我们想与你分享最著名和有用的CSS框架, 这些框架将帮助你创建Windows风格的Web应用程序。享受我们的顶级!

5. Metro Boostrap

Github

4c223004c828055b3fee528023134e5f.png

MetroBootstrap是具有Metro风格的简单引导主题。

4. Bootswatch Cosmo主题

Github

8cd51354531ab55fc636a189d56f064d.png

Bootswatch是用于Bootstrap的开源主题的集合。在这种情况下, 对于Metro UI风格的界面, 你可以使用Cosmo主题, 纯粹是对Metro的颂歌。一个主题由两个LESS文件组成。缺省情况下, Bootstrap中包含variables.less, 你可以自定义这些设置。 bootswatch.less引入了更广泛的结构更改。这些文件在SASS中也可用。

3. Winstrap

Github

7caf12a3b796e8e09611a704a5cbf1ec.png

Winstrap旨在成为Microsoft设计语言的最佳Bootstrap主题。它随SASS文件及其轻量级提供。

2. BootMetro

Github

cd14361a41b2ec6620172c100c72a5ab.png

BootMetro为想要使用” Windows 8 MetroUI”风格的Web应用程序提供了简单灵活的HTML, CSS和Javascript, 而无需在Windows 8上运行。它基于Twitter Bootstrap和HTML5 Boilerplate构建。也许对于Internet网站不是理想的, 但MetroUI样式可以用于现代Intranet网站。

1. Metro UI

Github

5fc527134d89595147ab4f6c7371f4d9.png

Metro UI是使用Windows Metro Style在Web上开发项目的最强大的前端框架。 Metro UI CSS是在Microsoft的建议下开发的, 用于构建用户界面, 其中包括:常规样式, 网格, 布局, 版式, 20多个组件, 300多个内置图标。 Metro UI CSS是使用LESS构建的, 并且是使用MIT许可模型开源的。

如果你知道遵循Metro设计的另一个很棒的开源CSS框架, 请​​在评论框中与社区分享。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/227522.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午9:07
下一篇 2026年3月16日 下午9:08


相关推荐

  • mysql前缀索引及其选择「建议收藏」

    mysql前缀索引及其选择「建议收藏」有时候需要索引很长的字符列,比如BLOB、TEXT或者很长的VARCHAR类型的列,通常可以索引开始的部分字符,这样可以大大节约索引空间,从而提高索引效率。

    2022年5月23日
    37
  • 产品经理面试内容_产品专员简历

    产品经理面试内容_产品专员简历前言经过深思熟路后,本渣决定参加放弃研发转投产品了。本科,硕士所学的东西也不能说可惜,这些都会帮助我在产品岗位更进一步。那么在研究与学习之下,我来研究一下产品经理的简历如何投能不当炮灰。(现在写好加深一下印象,也方便一下一年后写简历参加秋招的小周。)思路:PM的面试简历,就是一份产品产品用户:HR,业务主管简历被HR的阅读时间很短,15S左右,且较为粗略。所以就需要满足d…

    2025年7月11日
    5
  • arp欺骗攻击原理_arp攻击的原理及防范

    arp欺骗攻击原理_arp攻击的原理及防范ARPSpoofing什么是ARP协议一台主机和另一台主机通信,要知道目标的IP地址,但是在局域网传输的网卡却不能直接识别IP地址,所以用APR解析协议将IP地址解析成MAC地址。ARP协议的基本功能就是通过目标设备的IP地址,来查询设备的MAC地址。在局域网的任意一台主机中,都有一个ARP缓存表,里面保存本机已知的此局域网中各主机和路由器的IP地址和MAC地址的对照表关系。ARP缓存表的生命周

    2026年4月17日
    5
  • OpenClaw如何安装 OpenClaw本地部署教程分享

    OpenClaw如何安装 OpenClaw本地部署教程分享

    2026年3月13日
    2
  • spout详解

    spout详解spout 放在每个 executer 执行 我们先从 spoutExecuto 的初始化开始往下看 spoutExecuto 是在一个 worker 中管理其中的 tasks 在 SpoutExecuto 的构造函数中初始化一些组件 taskId topologyId spout 等 在这个线程中 除了一些常见的属性 可以看到还会去创建并设置两个对象 将待执行的 task 信息传入 1 TaskTransf

    2026年3月19日
    3
  • 中国ip段汇总「建议收藏」

    中国ip段汇总「建议收藏」蓝奏云下载地址:ClickHere文档说明:每一行为一个ip段,前一个是起始地址,后一个为结束地址。在线查询地址:ClickHere

    2022年7月2日
    85

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号