Download presentation
Presentation is loading. Please wait.
Published byCameron Bishop Modified over 9 years ago
1
Branding in SharePoint 2013
2
#SPcincy2013 on Twitter www.sharepointcincy.com Open wireless access is available. Feel free to Tweet (#SPcincy2013) and blog during the session.
3
Thanks to our Platinum Sponsors #SPcincy2013 on Twitter www.sharepointcincy.com
4
#SPcincy2013 on Twitter www.sharepointcincy.com Introductions Matthew W. Tallman Principal Consultant at Cardinal Solutions Twitter - @mwtallman Blog – http://thesharedcontext.wordpress.com Email – mtallman@cardinalsolutions.com David Ginn Principal Consultant at Cardinal Solutions Twitter - @DavidMGinn Email – dginn@cardinalsolutions.com
5
#SPcincy2013 on Twitter www.sharepointcincy.com Agenda 1.Design Overview in SharePoint 2013 2.Design Manager Introduction and Techniques 3.Design Package Best Practices 4.Device Channel Overview 5.Responsive Design in SharePoint 2013 6.Overview of Composed Looks 7.Branding in SharePoint 2013 Apps
6
#SPcincy2013 on Twitter www.sharepointcincy.com Design Overview Designing for SharePoint 2013 has brought about a fundamental change and approach. Team Centered Design HTML 5 Support CSS3 Support Updated Page Model Search Driven Content Device Channels
7
#SPcincy2013 on Twitter www.sharepointcincy.com Demo
8
#SPcincy2013 on Twitter www.sharepointcincy.com Design Manager
9
#SPcincy2013 on Twitter www.sharepointcincy.com Design Manager – Import HTML Design Manager helps designers to import HTML easily. However, here are some good tips for importing clean HTML. XHTML Compliant Good HTML Structure Unsupported Tags Validate HTML
10
#SPcincy2013 on Twitter www.sharepointcincy.com Design Manager – The Process Design Manager is the central location for applying a custom design to SharePoint. Enable Publishing Create Minimal Master Page Map Drive to Upload Files Preview Design and Utilize Snippets Create Page Layout Publish Design
11
#SPcincy2013 on Twitter www.sharepointcincy.com Design Manager – Advanced Options Design Manager is the central location for applying a custom design to SharePoint. Disassociate a Design File Setting a Preview Page Display Templates
12
#SPcincy2013 on Twitter www.sharepointcincy.com Demo
13
#SPcincy2013 on Twitter www.sharepointcincy.com Design Package
14
#SPcincy2013 on Twitter www.sharepointcincy.com Design Package Design Manager manages the deployment of a design through the use of a solution package. Importing a Package Creating a Package Design Package Do’s and Don’ts Including Search Configuration
15
#SPcincy2013 on Twitter www.sharepointcincy.com Demo
16
#SPcincy2013 on Twitter www.sharepointcincy.com Device Channels
17
#SPcincy2013 on Twitter www.sharepointcincy.com Device Channels - Creating Through the use of device channels, SharePoint can accommodate a more responsive design. When To Use Device Channel Alias Device Inclusion Rules
18
#SPcincy2013 on Twitter www.sharepointcincy.com Device Channels - Publishing Through the use of device channels, SharePoint can accommodate a more responsive design. Apply Device Channel by Master Page Understanding the Order of Device Channels Removing a Device Channel
19
#SPcincy2013 on Twitter www.sharepointcincy.com Demo
20
#SPcincy2013 on Twitter www.sharepointcincy.com Adapts to Screen Resolution Media Queries CSS Grid Layout and Frameworks
21
http://twitter.github.io/bootstrap/ http://twitter.github.io/bootstrap/ #SPcincy2013 on Twitter www.sharepointcincy.com
22
Browser Support Device Support Type of content www.sharepointcincy.com
23
http://responsivesharepoint.codeplex.com/ http://responsivesharepoint.codeplex.com/ Bootstrap Starter Master Page Page Layouts www.sharepointcincy.com
25
Master Page Composed Looks Provider/Autohosted App SharePoint Hosted App www.sharepointcincy.com
26
Master Page Default CSS File ◦ http://msdn.microsoft.com/en- us/library/jj220046.aspx http://msdn.microsoft.com/en- us/library/jj220046.aspx Defaultcss.ashx www.sharepointcincy.com
27
Evolution of Themes www.sharepointcincy.com
28
Palette File Font File CSS Substitutions www.sharepointcincy.com
29
UX Guidelines Client Chrome Control Full Screen pages vs. Client Web Part page www.sharepointcincy.com
30
Token Persistence ◦ Cookie ◦ Single Page Applications (SPAs) www.sharepointcincy.com
31
App.master Full Page View Client Web Part www.sharepointcincy.com
32
Responsive Frameworks ◦ Bootstrap Bootstrap ◦ Foundation Foundation Responsive SharePoint on Codeplex Responsive SharePoint on Codeplex MSDN Client Chrome Control MSDN Client Chrome Control MSDN App UX Guidelines MSDN App UX Guidelines www.sharepointcincy.com
33
Remember to visit the exhibit hall. Get to know your user groups to find out about local activities and events in your area. Make sure you stick around for the closing session and turn in your business cards to be eligible for the prize raffles. #SPcincy2013 on Twitter www.sharepointcincy.com
34
#SPcincy2013 on Twitter www.sharepointcincy.com Please Support our Sponsors!
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.