SlideShare a Scribd company logo
1 of 24
SharePoint Branding 101
Tips to enhancing your experience
D’arce Hess
UI/UX Developer
• Themes & Composed Looks
• Responsive Design
• Gotchas
Agenda
Themes
&
Composed Looks
This is the
Out-of-the-Box
method for branding
SharePoint 2013 and
O365..
• Great for end-users
• Easy to add custom color
schemes without fully
customized master pages and
page layouts
• Master Pages
• CSS
• Color Palettes
• Font Palettes
• Background image
What are
Composed
Looks made
of?
Do not modify the .master file. Only work out
of the .html file
Only need to create a .preview file if you want
to select your master page from the drop-
down in the preview.
Where do
you find the
composed
looks?
• The configuration of each
Composed Look
• The Masterpage used
• The Color Palette file
• The Background img
Location
• Font Scheme used
What did I
just see?
/_catalogs/theme/15/
Where is the
SP color file
located?
Responsive
Design
• Uses CSS3 Media Queries
to allow for design to
adapt to screen width.
• Requires a different
thought process for tables
and content.
• Mobile First vs. Desktop.
• When to ask for help.
With great power comes great responsibility
• Responsive Design should not be used in all projects.
• Takes more time for development, but less time to
maintain.
• One Master Page to rule them all.
• Design to screen width not to specific device.
• Need to watch for optimization of content prevent
bandwidth and data overload.
Gotcha
Design Manager in SharePoint 2013
• Do NOT use the create Design Package
• <form> </form> will not validate in XML
validator
Bootstrap
• Watch out for box-model. SharePoint requires use
of content-box to work properly.
• Several resets needed to allow for bootstrap to work
with SharePoint.
How can we help you achieve
your optimal SharePoint
experience?
QUESTIONS
THANK YOU

More Related Content

What's hot

The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDewThe Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDewCathy Dew
 
Things you can do
Things you can doThings you can do
Things you can doThomas Daly
 
Branding sharepoint project
Branding sharepoint projectBranding sharepoint project
Branding sharepoint projectBinh Nguyen
 
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy DewMake SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy DewCathy Dew
 
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...SPTechCon
 
Introduction to Branding SharePoint
Introduction to Branding SharePointIntroduction to Branding SharePoint
Introduction to Branding SharePointK.Mohamed Faizal
 
Developing branding solutions for 2013
Developing branding solutions for 2013Developing branding solutions for 2013
Developing branding solutions for 2013Thomas Daly
 
Create Engaging Branded SharePoint Portals and Plan for Content
Create Engaging Branded SharePoint Portals and Plan for ContentCreate Engaging Branded SharePoint Portals and Plan for Content
Create Engaging Branded SharePoint Portals and Plan for ContentCathy Dew
 
Responsive Design for SharePoint
Responsive Design for SharePointResponsive Design for SharePoint
Responsive Design for SharePointCathy Dew
 
Designing for the Office 365 Experience
Designing for the Office 365 ExperienceDesigning for the Office 365 Experience
Designing for the Office 365 ExperienceCathy Dew
 
Developing branding solutions
Developing branding solutionsDeveloping branding solutions
Developing branding solutionsThomas Daly
 
Enhance SharePoint 2013 with Responsive Web Design
Enhance SharePoint 2013 with Responsive Web DesignEnhance SharePoint 2013 with Responsive Web Design
Enhance SharePoint 2013 with Responsive Web DesignEric Overfield
 
SPSVB 1 7-2012 - getting started with share point branding
SPSVB 1 7-2012 - getting started with share point brandingSPSVB 1 7-2012 - getting started with share point branding
SPSVB 1 7-2012 - getting started with share point brandingThomas Daly
 
Face/Off: APEX Templates & Themes
Face/Off: APEX Templates & ThemesFace/Off: APEX Templates & Themes
Face/Off: APEX Templates & Themescrokitta
 
SPSSTHLM - Using JSLink and Display Templates for ITPros
SPSSTHLM - Using JSLink and Display Templates for ITProsSPSSTHLM - Using JSLink and Display Templates for ITPros
SPSSTHLM - Using JSLink and Display Templates for ITProsPaul Hunt
 
Wd & im session a4 _creating a web page _april 08,2010
Wd & im session a4 _creating a web page _april 08,2010Wd & im session a4 _creating a web page _april 08,2010
Wd & im session a4 _creating a web page _april 08,2010Mahesh Panchal
 
Using js link and display templates
Using js link and display templatesUsing js link and display templates
Using js link and display templatesPaul Hunt
 
Getting Started with SharePoint Branding
Getting Started with SharePoint BrandingGetting Started with SharePoint Branding
Getting Started with SharePoint BrandingThomas Daly
 
Unit 5 Page Design
Unit 5   Page DesignUnit 5   Page Design
Unit 5 Page Designc.west
 

What's hot (20)

Branding 101
Branding 101Branding 101
Branding 101
 
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDewThe Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
 
Things you can do
Things you can doThings you can do
Things you can do
 
Branding sharepoint project
Branding sharepoint projectBranding sharepoint project
Branding sharepoint project
 
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy DewMake SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
 
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
 
Introduction to Branding SharePoint
Introduction to Branding SharePointIntroduction to Branding SharePoint
Introduction to Branding SharePoint
 
Developing branding solutions for 2013
Developing branding solutions for 2013Developing branding solutions for 2013
Developing branding solutions for 2013
 
Create Engaging Branded SharePoint Portals and Plan for Content
Create Engaging Branded SharePoint Portals and Plan for ContentCreate Engaging Branded SharePoint Portals and Plan for Content
Create Engaging Branded SharePoint Portals and Plan for Content
 
Responsive Design for SharePoint
Responsive Design for SharePointResponsive Design for SharePoint
Responsive Design for SharePoint
 
Designing for the Office 365 Experience
Designing for the Office 365 ExperienceDesigning for the Office 365 Experience
Designing for the Office 365 Experience
 
Developing branding solutions
Developing branding solutionsDeveloping branding solutions
Developing branding solutions
 
Enhance SharePoint 2013 with Responsive Web Design
Enhance SharePoint 2013 with Responsive Web DesignEnhance SharePoint 2013 with Responsive Web Design
Enhance SharePoint 2013 with Responsive Web Design
 
SPSVB 1 7-2012 - getting started with share point branding
SPSVB 1 7-2012 - getting started with share point brandingSPSVB 1 7-2012 - getting started with share point branding
SPSVB 1 7-2012 - getting started with share point branding
 
Face/Off: APEX Templates & Themes
Face/Off: APEX Templates & ThemesFace/Off: APEX Templates & Themes
Face/Off: APEX Templates & Themes
 
SPSSTHLM - Using JSLink and Display Templates for ITPros
SPSSTHLM - Using JSLink and Display Templates for ITProsSPSSTHLM - Using JSLink and Display Templates for ITPros
SPSSTHLM - Using JSLink and Display Templates for ITPros
 
Wd & im session a4 _creating a web page _april 08,2010
Wd & im session a4 _creating a web page _april 08,2010Wd & im session a4 _creating a web page _april 08,2010
Wd & im session a4 _creating a web page _april 08,2010
 
Using js link and display templates
Using js link and display templatesUsing js link and display templates
Using js link and display templates
 
Getting Started with SharePoint Branding
Getting Started with SharePoint BrandingGetting Started with SharePoint Branding
Getting Started with SharePoint Branding
 
Unit 5 Page Design
Unit 5   Page DesignUnit 5   Page Design
Unit 5 Page Design
 

Viewers also liked

Putting on your Design Bootstraps, Intro to Responsive Design in SharePoint
Putting on your Design Bootstraps, Intro to Responsive Design in SharePointPutting on your Design Bootstraps, Intro to Responsive Design in SharePoint
Putting on your Design Bootstraps, Intro to Responsive Design in SharePointD'arce Hess
 
Themes & Composed Looks in SharePoint 2013 & O365
Themes & Composed Looks in SharePoint 2013 & O365Themes & Composed Looks in SharePoint 2013 & O365
Themes & Composed Looks in SharePoint 2013 & O365D'arce Hess
 
Bootstrap for Beginners
Bootstrap for BeginnersBootstrap for Beginners
Bootstrap for BeginnersD'arce Hess
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...D'arce Hess
 
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by StepBootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by StepBootstrap Creative
 
Custom User Interface Creation with Content Types in Sharepoint 2013/O365
Custom User Interface Creation with Content Types in Sharepoint 2013/O365Custom User Interface Creation with Content Types in Sharepoint 2013/O365
Custom User Interface Creation with Content Types in Sharepoint 2013/O365D'arce Hess
 

Viewers also liked (6)

Putting on your Design Bootstraps, Intro to Responsive Design in SharePoint
Putting on your Design Bootstraps, Intro to Responsive Design in SharePointPutting on your Design Bootstraps, Intro to Responsive Design in SharePoint
Putting on your Design Bootstraps, Intro to Responsive Design in SharePoint
 
Themes & Composed Looks in SharePoint 2013 & O365
Themes & Composed Looks in SharePoint 2013 & O365Themes & Composed Looks in SharePoint 2013 & O365
Themes & Composed Looks in SharePoint 2013 & O365
 
Bootstrap for Beginners
Bootstrap for BeginnersBootstrap for Beginners
Bootstrap for Beginners
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
 
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by StepBootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
 
Custom User Interface Creation with Content Types in Sharepoint 2013/O365
Custom User Interface Creation with Content Types in Sharepoint 2013/O365Custom User Interface Creation with Content Types in Sharepoint 2013/O365
Custom User Interface Creation with Content Types in Sharepoint 2013/O365
 

Similar to sptc_presentation

Things you can do to brand Office 365 now
Things you can do to brand Office 365 nowThings you can do to brand Office 365 now
Things you can do to brand Office 365 nowThomas Daly
 
Intro to Branding by Randy Drisgill and John Ross - SPTechCon
Intro to Branding by Randy Drisgill and John Ross - SPTechConIntro to Branding by Randy Drisgill and John Ross - SPTechCon
Intro to Branding by Randy Drisgill and John Ross - SPTechConSPTechCon
 
Creating a great PowerPoint template
Creating a great PowerPoint templateCreating a great PowerPoint template
Creating a great PowerPoint templatePhilo Janus
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication SitesD'arce Hess
 
SharePoint 2013 Branding
SharePoint 2013 BrandingSharePoint 2013 Branding
SharePoint 2013 BrandingKashif Imran
 
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna LinsO365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna LinsNCCOMMS
 
User Interface Tips and Tricks for the Power User - Penelope Coventry
User Interface Tips and Tricks for the Power User - Penelope CoventryUser Interface Tips and Tricks for the Power User - Penelope Coventry
User Interface Tips and Tricks for the Power User - Penelope CoventrySPC Adriatics
 
Atlanta Drupal User Group (ADUG)
Atlanta Drupal User Group (ADUG) Atlanta Drupal User Group (ADUG)
Atlanta Drupal User Group (ADUG) Mediacurrent
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication SitesD'arce Hess
 
Tulsa Tech Fest - SharePoint 2013: Intro To Branding & Design Manager
Tulsa Tech Fest - SharePoint 2013: Intro To Branding & Design ManagerTulsa Tech Fest - SharePoint 2013: Intro To Branding & Design Manager
Tulsa Tech Fest - SharePoint 2013: Intro To Branding & Design ManagerApril Dunnam
 
What's New in Branding SharePoint 2013
What's New in Branding SharePoint 2013What's New in Branding SharePoint 2013
What's New in Branding SharePoint 2013Flucidity
 
Your Road to Communication Sites
Your Road to Communication SitesYour Road to Communication Sites
Your Road to Communication SitesD'arce Hess
 
SharePoint Branding - Change Your Look
SharePoint Branding - Change Your LookSharePoint Branding - Change Your Look
SharePoint Branding - Change Your LookEric Overfield
 
Your Intranet, Your Way
Your Intranet, Your WayYour Intranet, Your Way
Your Intranet, Your WayD'arce Hess
 
SharePoint Saturday Kansas 2015 - Building Killer Office365 Public Sites
SharePoint Saturday Kansas 2015 - Building Killer Office365 Public SitesSharePoint Saturday Kansas 2015 - Building Killer Office365 Public Sites
SharePoint Saturday Kansas 2015 - Building Killer Office365 Public SitesBrian Culver
 
Evaluating & selecting themes
Evaluating & selecting themesEvaluating & selecting themes
Evaluating & selecting themesBecky Davis
 
Content Management and Page Structure for SharePoint
Content Management and Page Structure for SharePointContent Management and Page Structure for SharePoint
Content Management and Page Structure for SharePointD'arce Hess
 

Similar to sptc_presentation (20)

Things you can do to brand Office 365 now
Things you can do to brand Office 365 nowThings you can do to brand Office 365 now
Things you can do to brand Office 365 now
 
Intro to Branding by Randy Drisgill and John Ross - SPTechCon
Intro to Branding by Randy Drisgill and John Ross - SPTechConIntro to Branding by Randy Drisgill and John Ross - SPTechCon
Intro to Branding by Randy Drisgill and John Ross - SPTechCon
 
Creating a great PowerPoint template
Creating a great PowerPoint templateCreating a great PowerPoint template
Creating a great PowerPoint template
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication Sites
 
SharePoint 2013 Branding
SharePoint 2013 BrandingSharePoint 2013 Branding
SharePoint 2013 Branding
 
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna LinsO365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
 
User Interface Tips and Tricks for the Power User - Penelope Coventry
User Interface Tips and Tricks for the Power User - Penelope CoventryUser Interface Tips and Tricks for the Power User - Penelope Coventry
User Interface Tips and Tricks for the Power User - Penelope Coventry
 
Joomla! theming
Joomla! themingJoomla! theming
Joomla! theming
 
Atlanta Drupal User Group (ADUG)
Atlanta Drupal User Group (ADUG) Atlanta Drupal User Group (ADUG)
Atlanta Drupal User Group (ADUG)
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication Sites
 
Tulsa Tech Fest - SharePoint 2013: Intro To Branding & Design Manager
Tulsa Tech Fest - SharePoint 2013: Intro To Branding & Design ManagerTulsa Tech Fest - SharePoint 2013: Intro To Branding & Design Manager
Tulsa Tech Fest - SharePoint 2013: Intro To Branding & Design Manager
 
What's New in Branding SharePoint 2013
What's New in Branding SharePoint 2013What's New in Branding SharePoint 2013
What's New in Branding SharePoint 2013
 
Your Road to Communication Sites
Your Road to Communication SitesYour Road to Communication Sites
Your Road to Communication Sites
 
SharePoint Branding - Change Your Look
SharePoint Branding - Change Your LookSharePoint Branding - Change Your Look
SharePoint Branding - Change Your Look
 
Your Intranet, Your Way
Your Intranet, Your WayYour Intranet, Your Way
Your Intranet, Your Way
 
SharePoint Saturday Kansas 2015 - Building Killer Office365 Public Sites
SharePoint Saturday Kansas 2015 - Building Killer Office365 Public SitesSharePoint Saturday Kansas 2015 - Building Killer Office365 Public Sites
SharePoint Saturday Kansas 2015 - Building Killer Office365 Public Sites
 
Evaluating & selecting themes
Evaluating & selecting themesEvaluating & selecting themes
Evaluating & selecting themes
 
Content Management and Page Structure for SharePoint
Content Management and Page Structure for SharePointContent Management and Page Structure for SharePoint
Content Management and Page Structure for SharePoint
 
experience-cv
experience-cvexperience-cv
experience-cv
 
Mastering your SharePoint Internet Design
Mastering your SharePoint Internet DesignMastering your SharePoint Internet Design
Mastering your SharePoint Internet Design
 

More from D'arce Hess

Collaboration from the Trenches : Building your Internal Communities with Mic...
Collaboration from the Trenches : Building your Internal Communities with Mic...Collaboration from the Trenches : Building your Internal Communities with Mic...
Collaboration from the Trenches : Building your Internal Communities with Mic...D'arce Hess
 
Microsoft Teams for Education
Microsoft Teams for EducationMicrosoft Teams for Education
Microsoft Teams for EducationD'arce Hess
 
Collaboraton from the trenches
Collaboraton from the trenchesCollaboraton from the trenches
Collaboraton from the trenchesD'arce Hess
 
Breaking down the Microsoft Teams Architecture 200
Breaking down the Microsoft Teams Architecture 200Breaking down the Microsoft Teams Architecture 200
Breaking down the Microsoft Teams Architecture 200D'arce Hess
 
Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets D'arce Hess
 
Empowering Business Users with Flexible SharePoint Customization
Empowering Business Users with Flexible SharePoint Customization Empowering Business Users with Flexible SharePoint Customization
Empowering Business Users with Flexible SharePoint Customization D'arce Hess
 
It's Alive! Bring your Intranet to Life with PowerApps and Flow
It's Alive! Bring your Intranet to Life with PowerApps and FlowIt's Alive! Bring your Intranet to Life with PowerApps and Flow
It's Alive! Bring your Intranet to Life with PowerApps and FlowD'arce Hess
 
Developing User-Friendly SPFx Web Parts with Governance In-Mind
Developing User-Friendly SPFx Web Parts with Governance In-MindDeveloping User-Friendly SPFx Web Parts with Governance In-Mind
Developing User-Friendly SPFx Web Parts with Governance In-MindD'arce Hess
 
End User Adoption for the Real World
End User Adoption for the Real WorldEnd User Adoption for the Real World
End User Adoption for the Real WorldD'arce Hess
 
Good bad ugly_presentation
Good bad ugly_presentationGood bad ugly_presentation
Good bad ugly_presentationD'arce Hess
 

More from D'arce Hess (10)

Collaboration from the Trenches : Building your Internal Communities with Mic...
Collaboration from the Trenches : Building your Internal Communities with Mic...Collaboration from the Trenches : Building your Internal Communities with Mic...
Collaboration from the Trenches : Building your Internal Communities with Mic...
 
Microsoft Teams for Education
Microsoft Teams for EducationMicrosoft Teams for Education
Microsoft Teams for Education
 
Collaboraton from the trenches
Collaboraton from the trenchesCollaboraton from the trenches
Collaboraton from the trenches
 
Breaking down the Microsoft Teams Architecture 200
Breaking down the Microsoft Teams Architecture 200Breaking down the Microsoft Teams Architecture 200
Breaking down the Microsoft Teams Architecture 200
 
Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets
 
Empowering Business Users with Flexible SharePoint Customization
Empowering Business Users with Flexible SharePoint Customization Empowering Business Users with Flexible SharePoint Customization
Empowering Business Users with Flexible SharePoint Customization
 
It's Alive! Bring your Intranet to Life with PowerApps and Flow
It's Alive! Bring your Intranet to Life with PowerApps and FlowIt's Alive! Bring your Intranet to Life with PowerApps and Flow
It's Alive! Bring your Intranet to Life with PowerApps and Flow
 
Developing User-Friendly SPFx Web Parts with Governance In-Mind
Developing User-Friendly SPFx Web Parts with Governance In-MindDeveloping User-Friendly SPFx Web Parts with Governance In-Mind
Developing User-Friendly SPFx Web Parts with Governance In-Mind
 
End User Adoption for the Real World
End User Adoption for the Real WorldEnd User Adoption for the Real World
End User Adoption for the Real World
 
Good bad ugly_presentation
Good bad ugly_presentationGood bad ugly_presentation
Good bad ugly_presentation
 

sptc_presentation

  • 1. SharePoint Branding 101 Tips to enhancing your experience D’arce Hess UI/UX Developer
  • 2. • Themes & Composed Looks • Responsive Design • Gotchas Agenda
  • 4. This is the Out-of-the-Box method for branding SharePoint 2013 and O365.. • Great for end-users • Easy to add custom color schemes without fully customized master pages and page layouts
  • 5. • Master Pages • CSS • Color Palettes • Font Palettes • Background image What are Composed Looks made of?
  • 6.
  • 7.
  • 8.
  • 9. Do not modify the .master file. Only work out of the .html file Only need to create a .preview file if you want to select your master page from the drop- down in the preview.
  • 10. Where do you find the composed looks?
  • 11.
  • 12. • The configuration of each Composed Look • The Masterpage used • The Color Palette file • The Background img Location • Font Scheme used What did I just see?
  • 14.
  • 15.
  • 17. • Uses CSS3 Media Queries to allow for design to adapt to screen width. • Requires a different thought process for tables and content. • Mobile First vs. Desktop. • When to ask for help.
  • 18.
  • 19. With great power comes great responsibility • Responsive Design should not be used in all projects. • Takes more time for development, but less time to maintain. • One Master Page to rule them all. • Design to screen width not to specific device. • Need to watch for optimization of content prevent bandwidth and data overload.
  • 21. Design Manager in SharePoint 2013 • Do NOT use the create Design Package • <form> </form> will not validate in XML validator Bootstrap • Watch out for box-model. SharePoint requires use of content-box to work properly. • Several resets needed to allow for bootstrap to work with SharePoint.
  • 22. How can we help you achieve your optimal SharePoint experience?