[UX] Office UI Fabric

2017-01-20 C.H. Ling Computing, Programming, User Experience (UX) 0

近期Microsoft 擁抱開源, 好多有用的東西之前要偷dll, 找boot disk都已經可以在其Github 中找到, 並且整合到其他開源平台. 而Office UI Fabric 是其中之一.

Office UI Fabric 是一套以ReactJS 為主, 介面類似Office 365 的 Web UI framework. 參考其tutorial, 在堆砌layout上用法類似Bootstrap, 可以直接利用<div class=”xxx”>實現. 而它亦有提供Angular 版本. 但官方文件, 則以ReactJS 為主, 可能Angular 自己本身版本也夠亂, 或者其母公司關係吧…

理所當然地, 它亦提供不同的component, 然而名字上則有點奇怪, 例如DataGrid 則被稱為DetailsList, 所以使用時, 真的須要看一下document. 官方文件教學上, 則整合到TypeScript中.

整體而言, Office UI Fabric 就像Kendo UI, 兩者都提供了相當不錯的component, 最大分別是前者不能沿用Bootstrap class, 以及icon 始終有限, 故在實際運用上, 可能都須要Bootstrap 和Font Awesome 輔助.

Reference

 

About C.H. Ling 262 Articles
a .net / Java developer from Hong Kong and currently located in United Kingdom. Thanks for Google because it solve many technical problems so I build this blog as return. Besides coding and trying advance technology, hiking and traveling is other favorite to me, so I will write down something what I see and what I feel during it. Happy reading!!!
Website LinkedIn

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.