Microsoft Fluent Design for Web (CSS framework)

javascript html css fluent-ui fluent-design
StanLe3 picture StanLe3 · May 25, 2017 · Viewed 36.9k times · Source

As Microsoft recently released a design system called "Fluent Design", is it appropriate to apply it on web design?

Most of my searching has been for all Microsoft platforms, C# app, F# etc.. I have never seen anything regarding in web design.

Answer

Jurijs Kovzels picture Jurijs Kovzels · Apr 9, 2018

April 2020 Update primary destination for Fluent Design is Microsoft's Fluent Design System website.

For official web frameworks go to github repos:

  • Fluent UI - A set of React components for building Microsoft web experiences. Good support and big following.
  • Office UI Fabric with only includes grid, typography, icons and utilities. No component and no dependency on React. Not very well maintained.

Some tutorials are available here.

Related questions

Retrieve the position (X,Y) of an HTML element relative to the browser window

I want to know how to get the X and Y position of HTML elements such as img and div in JavaScript relative to the browser window.

Read More
Set cookie and get cookie with JavaScript

I'm trying to set a cookie depending on which CSS file I choose in my HTML. I have a form with a list of options, and different CSS files as values. When I choose a file, it should be saved …

Read More
Failed to load resource: the server responded with a status of 404 (Not Found)

I can't solve my link problem. Could you help on to this to link CSS and JS File? CSS: <link href="../Jquery/jquery.multiselect.css" rel="stylesheet"/> <link href="../Jquery/style.css" rel="stylesheet" /> <link …

Read More