Goal: Redesign WinJS to have more of a Fluent style look.(WinUI Essentially)
WinUI button partially integrated into WinJS. At the time of these screenshots being taken, the button's colors have been updated, but their design is still the legacy UWP design.
WinJS is a set of JavaScript toolkits that allow developers to build applications using HTML/JS/CSS technology forged with the following principles in mind:
- Provide developers with a distinctive set of UI controls with high polish and performance with fundamental support for touch, mouse, keyboard and accessibility
- Provide developers with a cohesive set of components and utilities to build the scaffolding and infrastructure of their applications
This is a first step for the WinJS project and there is still a lot of work that needs to be done. Feel free to participate by contributing along the way.
There are many ways to contribute to the project.
You can contribute by reviewing and sending feedback on code checkins, suggesting and trying out new features as they are implemented, submitting bugs and helping us verify fixes as they are checked in, as well as submitting code fixes or code contributions of your own.
Note that all code submissions will be rigorously reviewed and tested by the team, and only those that meet an extremely high bar for both quality and design appropriateness will be merged into the source.
In order to build WinJS, ensure that you have git and Node.js installed.
Clone a copy of the master WinJS git repo:
git clone https://github.com/winjs/winjs.git
Change to the winjs directory:
cd winjs
Install the grunt command-line interface globally:
npm install -g grunt-cli
Grunt dependencies are installed separately in each cloned git repo. Install the dependencies with:
npm install
Run the following and the WinJS JavaScript and CSS files will be put in the bin directory:
grunt
Note: You may need to use sudo (for OSX, *nix, BSD etc) or run your command shell as Administrator (for Windows) to install Grunt globally.
Refer to http://winjs.azurewebsites.net/#status for the current status of the unit tests and the list of known issues.
Check out our online playground at http://winjsdevelop.azurewebsites.net/
Twitter https://twitter.com/BuildWinJS
Facebook https://www.facebook.com/buildwinjs