web-dev-qa-db-ja.com

Microsoft Fluent Design for Web(CSSフレームワーク)

Microsoftが最近「Fluent Design」と呼ばれる設計システムをリリースしたので、Webデザインに適用するのは適切ですか?

私の検索のほとんどは、すべてのMicrosoftプラットフォーム、C#アプリ、F#などを対象としています。Webデザインに関することは一度も見たことがありません。

22
Andy Lim

MicrosoftのWebデザイン原則を満たすために使用するコンポーネント、HTML構造、CSSの詳細については、 Microsoft Web Framework をご覧ください。

9
Mark Cooper

ここでマイクロソフトを引用しています。

Webデザインに完全に関連しています。これらは単なる原則であり、プラットフォームに固有ではないためです。あなたがウェブ開発者であり、マイクロソフトの考え方が好きなら。これらの原則に基づいてWeb UIフレームワークを構築することはまったく問題ありません。

これを確認してください video Q&Aセッション(22:00)であなたの質問が議論されています。

5
Umamaheswaran

MWFホームページ の下部からコピーアンドペーストするだけです。

このサイトは、マイクロソフトの従業員と認定ベンダーによる使用に制限されています。このサイトの資料またはコードは、マイクロソフト以外のWebサイトで使用することはできません。このサイトにアクセスすることにより、あなたはマイクロソフトの従業員またはマイクロソフトに代わって働いている認定ベンダーであることを確認します。さらに、資料およびコードはマイクロソフトの知的財産を構成し、マイクロソフトが運営するウェブサイトでの使用が制限され、マイクロソフトとの雇用またはベンダーの関係を規定する該当する契約に従うことに同意します。

5
arisw

Fluent Kit フレームワークをご覧ください。

これは、jQueryを使用した現在のBootstrapバージョンへのFluent Design拡張機能です。したがって、誰にとっても簡単な出発点となるはずです。また、 非常によく文書化されています また、「進行中の作業」であるため、デザイン自体が開発されるにつれて、さらなる機能が期待できます。


重要な更新:Fluent Kit、およびNesperoプロジェクト全体は終了しています

4
wscourge

2019年7月の更新:Microsoftは、Webパーツを含むFabric UI名の下にFluentフレームワークを公開しました こちら

簡単に言えば、はいFluentデザインはWebに適していますが、まだ公開されているコンポーネントのライブラリはありません。

前述の getmwf.com (get Microsoft Web Framework)は非推奨です。新しい Microsoft.com/mwf は内部使用向けです。

非常に新しい fluentweb.comrestricted to use by Microsoft employees and authorized vendorsでマークされていますが、オープンソース fluent Webのチュートリアル は次のように述べています:

[..] Fluent for Webのコンポーネントとスタイルをインポートする方法(パッケージはマイクロソフトの従業員専用です。ただし、すぐにオープンソースになります)。

いつの日にか。それまでの間、チェックアウト Office Fabric

4
Jurijs Kovzels

Fluent Design Systemの効果を明らかにするために、このライブラリを使用できます。また、背景ぼかし効果でサポートされるbackdrop-filter CSSを待つ必要があります。

https://github.com/d2phap/fluent-reveal-effect

enter image description here

4
Phap Duong Dieu

Update:FluentデザインがWebをサポートするようになりました、AndroidおよびIOS。 https://www.Microsoft .com/design/fluent /#/

Update:react-uwpと呼ばれる高品質のサードパーティのリアクションコンポーネントフレームワークを見つけることができます here

更新:新しいウェブサイトは https://fluentweb.com/ にあります

Update:リンクは無効になり、 https://getmwf.com は流なデザインについて言及しなくなりました。

Microsoftには、自社の従業員とベンダー向けのWebフレームワークがあります。

彼らはこのフレームワークに流designな設計コンポーネントを導入しているようです。

https://fluent.getmwf.com/

3
rony l