SlideShare une entreprise Scribd logo
1  sur  19
What is New in Branding
        SharePoint 2013
                Matthew Hughes
                    Flucidity Ltd




                                1
Who am I?
• Matthew Hughes
• SharePoint 2010 MCTS, MCITP, MOS

• SharePoint 2007+
• Branded SharePoint 2010 Beta
• Former SharePoint Trainer
• Co-founder Flucidity Ltd
• Founder Office 365 UK User Group
• Occasional Blogger
• Brander? Designer? IT Pro?
• A Office 365 & SharePoint Enthusiast?
Session Contents

• A History of SharePoint Branding

• Low Effort Branding
  • Site Icon
  • Composed Looks

• Medium Effort Branding
  • Design Manager
  • Custom CSS

• High Effort Branding
  • Master Pages / Page Layouts



                                     3
What is Branding?
Courtesy of the University of East Anglia




                                        4
SharePoint Branding
Through the Ages
• SharePoint 2003
• SharePoint 2007
  • SharePoint Designer 2007
  • Master Pages & CSS
• SharePoint 2010
  • SharePoint Designer 2010
  • Master Pages & CSS
  • XSLT
  • Page Layouts


                               5
Low Effort Branding


                      7
Site Icon




            8
Composed Looks




                 9
Composed Looks




                 10
Composed Looks

• Themes but actually useable

• Includes Master Page, Colours, Fonts, Background Image,
  Preview File

• Composed Looks are NOT created with PowerPoint
  • Defined in XML files


• Note: Create your own Preview File otherwise this will not work




                                                                    11
Demo: Composed Looks


                       12
Medium Effort Branding


                         13
Design Manager

• Remember themes were the focus in SharePoint 2010?
  Now it’s Design Manager

• SharePoint with publishing
  enabled

• Create designs outside of
  SharePoint

• Use existing design software




                                                       14
Design Manager

• Snippets
• Simple Interface
• Create a design
  using snippets
  and HTML editor
• Convert design
  into SharePoint
  Master Page
• MasterPage and
  HTML file joined
  together
Dreamweaver & SharePoint
Demo: Design Manager
Full Effort Branding
Everything Else – Traditional Branding




                                         18
Resources

• What's new in SharePoint 2013 Site Development
 http://msdn.microsoft.com/en-us/library/jj163942(v=office.15)

• User Agent Strings
 http://www.useragentstring.com/pages/useragentstring.php

• Starter Master Pages
 http://startermasterpage.codeplex.com




                                                                 19
Thanks for attending
• Matthew Hughes

• Flucidity.com
• @flucidity
• matt@flucidity.com
• +44 7879 775 365

• Follow me on Twitter @mattmoo2

Contenu connexe

Tendances

Sharepoint training in canada
Sharepoint training in canadaSharepoint training in canada
Sharepoint training in canadasharepointmasters
 
Sharepoint training in usa
Sharepoint training in usaSharepoint training in usa
Sharepoint training in usassmasters
 
Sharepoint training in philippines
Sharepoint training in philippinesSharepoint training in philippines
Sharepoint training in philippinessharepointmasters
 
Sharepoint training in abu dhabi
Sharepoint training in abu dhabiSharepoint training in abu dhabi
Sharepoint training in abu dhabisharepointmasters
 
NACS - Customizing the UI in modern SharePoint workspaces
NACS - Customizing the UI in modern SharePoint workspacesNACS - Customizing the UI in modern SharePoint workspaces
NACS - Customizing the UI in modern SharePoint workspacesCorinna Lins
 
Microsoft sharepoint server training
Microsoft  sharepoint  server  trainingMicrosoft  sharepoint  server  training
Microsoft sharepoint server trainingsharepointmasters
 
#SPSLondon - Session 1 - Building an faq for end users
#SPSLondon - Session 1 - Building an faq for end users#SPSLondon - Session 1 - Building an faq for end users
#SPSLondon - Session 1 - Building an faq for end usersPaul Hunt
 
Tackling search - Creating a Winning Search Strategy
Tackling search - Creating a Winning Search StrategyTackling search - Creating a Winning Search Strategy
Tackling search - Creating a Winning Search StrategyStephanie Donahue
 
Branding Essentials for Developers presentation at TEC2012
Branding Essentials for Developers presentation at TEC2012Branding Essentials for Developers presentation at TEC2012
Branding Essentials for Developers presentation at TEC2012Sentri
 
SharePoint Development
SharePoint DevelopmentSharePoint Development
SharePoint DevelopmentMalin De Silva
 
Practical Strategies to Designing Engaging Portals
Practical Strategies to Designing Engaging PortalsPractical Strategies to Designing Engaging Portals
Practical Strategies to Designing Engaging PortalsKanwal Khipple
 
Branding and designing capabilities with the Design Manager
Branding and designing capabilities with the Design ManagerBranding and designing capabilities with the Design Manager
Branding and designing capabilities with the Design ManagerMalin De Silva
 
Funnel your Info down a new Path
Funnel your Info down a new PathFunnel your Info down a new Path
Funnel your Info down a new PathRyan Dennis
 
Sharepoint training in uae
Sharepoint training in uaeSharepoint training in uae
Sharepoint training in uaessmasters
 
Practical Tips to Increase SharePoint Adoption
Practical Tips to Increase SharePoint Adoption Practical Tips to Increase SharePoint Adoption
Practical Tips to Increase SharePoint Adoption Kanwal Khipple
 
SPSCBUS Slides Scarlet InfoPath
SPSCBUS Slides Scarlet InfoPathSPSCBUS Slides Scarlet InfoPath
SPSCBUS Slides Scarlet InfoPathRyan Dennis
 
DAYSPUG - Funnel your info down a new path
DAYSPUG - Funnel your info down a new pathDAYSPUG - Funnel your info down a new path
DAYSPUG - Funnel your info down a new pathRyan Dennis
 
Envision IT - SharePoint 2013 Web Content Managment
Envision IT - SharePoint 2013 Web Content Managment Envision IT - SharePoint 2013 Web Content Managment
Envision IT - SharePoint 2013 Web Content Managment Envision IT
 

Tendances (20)

Sharepoint training in canada
Sharepoint training in canadaSharepoint training in canada
Sharepoint training in canada
 
Sharepoint training in usa
Sharepoint training in usaSharepoint training in usa
Sharepoint training in usa
 
Sharepoint training in philippines
Sharepoint training in philippinesSharepoint training in philippines
Sharepoint training in philippines
 
Sharepoint training in abu dhabi
Sharepoint training in abu dhabiSharepoint training in abu dhabi
Sharepoint training in abu dhabi
 
NACS - Customizing the UI in modern SharePoint workspaces
NACS - Customizing the UI in modern SharePoint workspacesNACS - Customizing the UI in modern SharePoint workspaces
NACS - Customizing the UI in modern SharePoint workspaces
 
Microsoft sharepoint server training
Microsoft  sharepoint  server  trainingMicrosoft  sharepoint  server  training
Microsoft sharepoint server training
 
#SPSLondon - Session 1 - Building an faq for end users
#SPSLondon - Session 1 - Building an faq for end users#SPSLondon - Session 1 - Building an faq for end users
#SPSLondon - Session 1 - Building an faq for end users
 
Tackling search - Creating a Winning Search Strategy
Tackling search - Creating a Winning Search StrategyTackling search - Creating a Winning Search Strategy
Tackling search - Creating a Winning Search Strategy
 
Branding Essentials for Developers presentation at TEC2012
Branding Essentials for Developers presentation at TEC2012Branding Essentials for Developers presentation at TEC2012
Branding Essentials for Developers presentation at TEC2012
 
SharePoint Development
SharePoint DevelopmentSharePoint Development
SharePoint Development
 
Practical Strategies to Designing Engaging Portals
Practical Strategies to Designing Engaging PortalsPractical Strategies to Designing Engaging Portals
Practical Strategies to Designing Engaging Portals
 
Branding and designing capabilities with the Design Manager
Branding and designing capabilities with the Design ManagerBranding and designing capabilities with the Design Manager
Branding and designing capabilities with the Design Manager
 
Funnel your Info down a new Path
Funnel your Info down a new PathFunnel your Info down a new Path
Funnel your Info down a new Path
 
web designing
 web designing web designing
web designing
 
Sharepoint training in uae
Sharepoint training in uaeSharepoint training in uae
Sharepoint training in uae
 
Practical Tips to Increase SharePoint Adoption
Practical Tips to Increase SharePoint Adoption Practical Tips to Increase SharePoint Adoption
Practical Tips to Increase SharePoint Adoption
 
SPSCBUS Slides Scarlet InfoPath
SPSCBUS Slides Scarlet InfoPathSPSCBUS Slides Scarlet InfoPath
SPSCBUS Slides Scarlet InfoPath
 
DAYSPUG - Funnel your info down a new path
DAYSPUG - Funnel your info down a new pathDAYSPUG - Funnel your info down a new path
DAYSPUG - Funnel your info down a new path
 
Envision IT - SharePoint 2013 Web Content Managment
Envision IT - SharePoint 2013 Web Content Managment Envision IT - SharePoint 2013 Web Content Managment
Envision IT - SharePoint 2013 Web Content Managment
 
Sharepoint training in uae
Sharepoint training in uaeSharepoint training in uae
Sharepoint training in uae
 

Similaire à What's New in Branding SharePoint 2013

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
 
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
 
SharePoint Branding - Change Your Look
SharePoint Branding - Change Your LookSharePoint Branding - Change Your Look
SharePoint Branding - Change Your LookEric Overfield
 
Jornata llc sps baltimore 2012 - share point branding
Jornata llc   sps baltimore 2012 - share point brandingJornata llc   sps baltimore 2012 - share point branding
Jornata llc sps baltimore 2012 - share point brandingjcsturges
 
Introduction to SharePoint Information Architecture and Branding
Introduction to SharePoint Information Architecture and BrandingIntroduction to SharePoint Information Architecture and Branding
Introduction to SharePoint Information Architecture and BrandingDerek Cash-Peterson
 
Branding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet DevicesBranding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet DevicesEric Overfield
 
SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned Marcy Kellar
 
sptc_presentation
sptc_presentationsptc_presentation
sptc_presentationD'arce Hess
 
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
 
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
 
Optimizing SharePoint 2010 for Internet sites
Optimizing SharePoint 2010 for Internet sitesOptimizing SharePoint 2010 for Internet sites
Optimizing SharePoint 2010 for Internet sitesKanwal Khipple
 
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
 
Reshaping SharePoint for Evolving Internet Devices
Reshaping SharePoint for Evolving Internet DevicesReshaping SharePoint for Evolving Internet Devices
Reshaping SharePoint for Evolving Internet DevicesEric Overfield
 
SharePoint 2013 Branding
SharePoint 2013 BrandingSharePoint 2013 Branding
SharePoint 2013 BrandingKashif Imran
 
SharePoint Saturday Boston #SPSaturday 3.4.09
SharePoint Saturday Boston #SPSaturday 3.4.09SharePoint Saturday Boston #SPSaturday 3.4.09
SharePoint Saturday Boston #SPSaturday 3.4.09Kanwal Khipple
 
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 master pages in 2013 and managed metadata magic
SharePoint master pages in 2013 and managed metadata magicSharePoint master pages in 2013 and managed metadata magic
SharePoint master pages in 2013 and managed metadata magicFrancois Pienaar
 
What is share point sps_denver_final
What is share point sps_denver_finalWhat is share point sps_denver_final
What is share point sps_denver_finalM Allmond
 

Similaire à What's New in Branding SharePoint 2013 (20)

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
 
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
 
SharePoint Branding - Change Your Look
SharePoint Branding - Change Your LookSharePoint Branding - Change Your Look
SharePoint Branding - Change Your Look
 
Jornata llc sps baltimore 2012 - share point branding
Jornata llc   sps baltimore 2012 - share point brandingJornata llc   sps baltimore 2012 - share point branding
Jornata llc sps baltimore 2012 - share point branding
 
Introduction to SharePoint Information Architecture and Branding
Introduction to SharePoint Information Architecture and BrandingIntroduction to SharePoint Information Architecture and Branding
Introduction to SharePoint Information Architecture and Branding
 
Branding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet DevicesBranding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet Devices
 
SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned
 
sptc_presentation
sptc_presentationsptc_presentation
sptc_presentation
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication Sites
 
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
 
Optimizing SharePoint 2010 for Internet sites
Optimizing SharePoint 2010 for Internet sitesOptimizing SharePoint 2010 for Internet sites
Optimizing SharePoint 2010 for Internet sites
 
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
 
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites
 
Reshaping SharePoint for Evolving Internet Devices
Reshaping SharePoint for Evolving Internet DevicesReshaping SharePoint for Evolving Internet Devices
Reshaping SharePoint for Evolving Internet Devices
 
SharePoint 2013 Branding
SharePoint 2013 BrandingSharePoint 2013 Branding
SharePoint 2013 Branding
 
SharePoint Saturday Boston #SPSaturday 3.4.09
SharePoint Saturday Boston #SPSaturday 3.4.09SharePoint Saturday Boston #SPSaturday 3.4.09
SharePoint Saturday Boston #SPSaturday 3.4.09
 
Iconus 2016
Iconus 2016Iconus 2016
Iconus 2016
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication Sites
 
SharePoint master pages in 2013 and managed metadata magic
SharePoint master pages in 2013 and managed metadata magicSharePoint master pages in 2013 and managed metadata magic
SharePoint master pages in 2013 and managed metadata magic
 
What is share point sps_denver_final
What is share point sps_denver_finalWhat is share point sps_denver_final
What is share point sps_denver_final
 

Dernier

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 

Dernier (20)

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 

What's New in Branding SharePoint 2013

  • 1. What is New in Branding SharePoint 2013 Matthew Hughes Flucidity Ltd 1
  • 2. Who am I? • Matthew Hughes • SharePoint 2010 MCTS, MCITP, MOS • SharePoint 2007+ • Branded SharePoint 2010 Beta • Former SharePoint Trainer • Co-founder Flucidity Ltd • Founder Office 365 UK User Group • Occasional Blogger • Brander? Designer? IT Pro? • A Office 365 & SharePoint Enthusiast?
  • 3. Session Contents • A History of SharePoint Branding • Low Effort Branding • Site Icon • Composed Looks • Medium Effort Branding • Design Manager • Custom CSS • High Effort Branding • Master Pages / Page Layouts 3
  • 4. What is Branding? Courtesy of the University of East Anglia 4
  • 5. SharePoint Branding Through the Ages • SharePoint 2003 • SharePoint 2007 • SharePoint Designer 2007 • Master Pages & CSS • SharePoint 2010 • SharePoint Designer 2010 • Master Pages & CSS • XSLT • Page Layouts 5
  • 10. Composed Looks • Themes but actually useable • Includes Master Page, Colours, Fonts, Background Image, Preview File • Composed Looks are NOT created with PowerPoint • Defined in XML files • Note: Create your own Preview File otherwise this will not work 11
  • 13. Design Manager • Remember themes were the focus in SharePoint 2010? Now it’s Design Manager • SharePoint with publishing enabled • Create designs outside of SharePoint • Use existing design software 14
  • 14. Design Manager • Snippets • Simple Interface • Create a design using snippets and HTML editor • Convert design into SharePoint Master Page • MasterPage and HTML file joined together
  • 17. Full Effort Branding Everything Else – Traditional Branding 18
  • 18. Resources • What's new in SharePoint 2013 Site Development http://msdn.microsoft.com/en-us/library/jj163942(v=office.15) • User Agent Strings http://www.useragentstring.com/pages/useragentstring.php • Starter Master Pages http://startermasterpage.codeplex.com 19
  • 19. Thanks for attending • Matthew Hughes • Flucidity.com • @flucidity • matt@flucidity.com • +44 7879 775 365 • Follow me on Twitter @mattmoo2

Notes de l'éditeur

  1. SharePoint since 2007, Branded and enjoyed branding SharePoint 2010 Beta, did it all wrong and still doing it wrong up until about months ago.Former SharePoint Trainer so I should be good at this stuff, ill let you decide at the end.Independent SharePoint Consultant and Director at SP365 LTD, I run a few SharePoint and Office 365 based websites, sp365.co.uk being one of them and the business site at sp365.org, shameless plug, if you like this but don’t want to go through the hassle of learning how to do it yourself, that’s why I am here :DBrander? Well I guess but I don’t do this full time. Designer, probably not, I prefer to work with a designer that has created the mockup / comp.
  2. This demo is the simple change with composed looks and then the effect it has on the filesystem.We will then demo changing the background image.
  3. SharePoint since 2007, Branded and enjoyed branding SharePoint 2010 Beta, did it all wrong and still doing it wrong up until about months ago.Former SharePoint Trainer so I should be good at this stuff, ill let you decide at the end.Independent SharePoint Consultant and Director at SP365 LTD, I run a few SharePoint and Office 365 based websites, sp365.co.uk being one of them and the business site at sp365.org, shameless plug, if you like this but don’t want to go through the hassle of learning how to do it yourself, that’s why I am here :DBrander? Well I guess but I don’t do this full time. Designer, probably not, I prefer to work with a designer that has created the mockup / comp.