SlideShare a Scribd company logo
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

More Related Content

What's hot

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 usa
ssmasters
 
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 workspaces
Corinna 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 users
Paul 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 Strategy
Stephanie 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 Development
Malin De Silva
 
Practical Strategies to Designing Engaging Portals
Practical Strategies to Designing Engaging PortalsPractical Strategies to Designing Engaging Portals
Practical Strategies to Designing Engaging Portals
Kanwal 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 Manager
Malin 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 Path
Ryan Dennis
 
web designing
 web designing web designing
web designing
BALUJAINSTITUTE
 
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
 

What's hot (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
 

Similar to 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 - SPTechCon
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 ManagerApril Dunnam
 
SharePoint Branding - Change Your Look
SharePoint Branding - Change Your LookSharePoint Branding - Change Your Look
SharePoint Branding - Change Your Look
Eric 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 Sites
D'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 Coventry
SPC Adriatics
 
Optimizing SharePoint 2010 for Internet sites
Optimizing SharePoint 2010 for Internet sitesOptimizing SharePoint 2010 for Internet sites
Optimizing SharePoint 2010 for Internet sites
Kanwal 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 Lins
NCCOMMS
 
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites
C/D/H Technology Consultants
 
Reshaping SharePoint for Evolving Internet Devices
Reshaping SharePoint for Evolving Internet DevicesReshaping SharePoint for Evolving Internet Devices
Reshaping SharePoint for Evolving Internet Devices
Eric Overfield
 
SharePoint 2013 Branding
SharePoint 2013 BrandingSharePoint 2013 Branding
SharePoint 2013 Branding
Kashif 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.09
Kanwal Khipple
 
Iconus 2016
Iconus 2016Iconus 2016
Iconus 2016
Mark Roden
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication Sites
D'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 magic
Francois 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
 

Similar to 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
 

Recently uploaded

Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
Product School
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 
Generating a custom Ruby SDK for your web service or Rails API using Smithy
Generating a custom Ruby SDK for your web service or Rails API using SmithyGenerating a custom Ruby SDK for your web service or Rails API using Smithy
Generating a custom Ruby SDK for your web service or Rails API using Smithy
g2nightmarescribd
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 

Recently uploaded (20)

Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 
Generating a custom Ruby SDK for your web service or Rails API using Smithy
Generating a custom Ruby SDK for your web service or Rails API using SmithyGenerating a custom Ruby SDK for your web service or Rails API using Smithy
Generating a custom Ruby SDK for your web service or Rails API using Smithy
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 

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

Editor's Notes

  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.