把Modern UI风格带入Web – WinJS

还在苦恼如何在网页中模拟Windows 8或者Windows Phone的界面风格吗？

WinJS是由微软的开源组织Microsoft Open Technologies所支持的一项重磅前端框架。利用该框架，可以在Web上获得大量Modern UI （ Metro UI ）风格的Windows组件。

如何使用

WinJS包含约24套子控件，这24套子控件可用WinJS自带的grunt脚本来进行组合。但如果不熟悉grunt，那么还可以直接从源码中复制出来使用。

一个基本的页面结构如下：

    
    

    
    
    
    



    
你的内容

WinJS的内容较多，我就不深入其中了，看了一下，初始化要写的东西还挺多。大家可以根据<a href="http://msdn view it now.microsoft.com/en-us/library/windows/apps/hh465493.aspx” target=”_blank”>官方的指南摸索一下。

兼容性

IE方面，WinJS只支持IE 10及以上；Chrome和Firefox目测最新版本都是没大问题的。

许可证

难得看到微软开源前端方面的东西，WinJS的许可证类型为Apache License 2.0。