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
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/
The app launcher & office bar should be available for adding to provider hosted apps!
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!
Andrew Connell commented
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 :()
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 ;)
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