Provide a Design Implementation for O365, SPO, SP2013 & Office App Developers
When building an app for Office 365, SharePoint Online, SharePoint 2013 or Office Apps, there is one challenge many developers face: making their app look & feel like the host they came from or run within. All the hosts mentioned in the subject implement the Microsoft Modern design (http://www.microsoft.com/design/)... each one has guidelines (like sharepoint's here https://msdn.microsoft.com/en-us/library/office/fp179934.aspx & Office apps here https://msdn.microsoft.com/EN-US/library/office/dn324912.aspx) but what we're missing is a pack of CSS & components to make it easy to do.
For comparison, Google's Material Design (http://www.google.com/design/spec/material-design/introduction.html) is not just a spec, but there are people implementing it as reusable components to make it easy to leverage it in apps (ala Polymer's paper elements https://www.polymer-project.org/docs/elements/paper-elements.html & Angular's https://material.angularjs.org/).
We need a NuGet & Bower package that includes all the CSS & JS we need to not only implement the same lists, dropdowns, buttons, tabs, alerts, etc... everything Microsoft uses in our own custom apps... and it needs to be as simple as Bootstrap / Material Design!
More on my pitch here: http://aconn.me/1Fxonbg
Andrew Connell
shared this idea
Today we released Office UI Fabric to the public. Learn all about it here: https://blogs.office.com/2015/08/31/introducing-office-ui-fabric-your-key-to-designing-add-ins-for-office/
12 comments
-
RobinPS
commented
The app launcher & office bar should be available for adding to provider hosted apps!
-
Anonymous
commented
If Microsoft were to add the suite bar / app launcher for custom external apps. It would hit a massive homerun.
-
Andrew Connell commented
Great work guys... had a chance to play with this already and love it!
-
Interesting the comment "STARTED" was just added on August 14 :) MSFT has talked on the Office 365 Developer Podcast about something called the "Office UI Fabric" that's coming soon. A very early version was demo'd at //build in April 2015. Hope to see something publicly shipped soon ;)
-
Steven Hambleton
commented
Definitely, we're looking to integrate our app into Outlook but having these component will save a lot of time and bring consistency to the design and code.
-
Jørn Hansen
commented
Can https://github.com/winjs/winjs do what's needed?
-
Luis E Val commented
I need the app launcher for my provider hosted apps :()
-
Anonymous
commented
totally agree
-
Greg Petrites
commented
Definitely include the suite bar...
-
Maarten Visser
commented
Yes! This is what will save time for our developers and will bring consistency for business users across Office apps!. An O365 (Modern / metro) Icon Library and themes woud be great. Add the 'new' Suitebar while you're at it ;)
-
greg
commented
If you build it they will come.
Coding for Office 365 ... make it slick and simple and the devs will mysteriously appear out of the corn.
-
Esteban V
commented
0 votes left for me :( but I definitely need something like this too