Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Branding SharePoint 2013

3,435 views

Published on

Khoa Quach's presentation on Branding SharePoint 2013 at SharePoint Saturday NYC 2014

Published in: Software
  • ♣♣ 10 Easy Ways to Improve Your Performance in Bed... ◆◆◆ https://tinyurl.com/rockhardxxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ➤➤ 3 Reasons Why You Shouldn't take Pills for ED (important) ●●● http://ishbv.com/rockhardx/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ➤➤ 3 Reasons Why You Shouldn't take Pills for ED (important) ◆◆◆ https://tinyurl.com/rockhardxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ➤➤ 3 Reasons Why You Shouldn't take Pills for ED (important) ▲▲▲ http://ishbv.com/rockhardx/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ★★★ How Long Does She Want You to Last? ★★★ A recent study proved that the average man lasts just 2-5 minutes in bed (during intercourse). The study also showed that many women need at least 7-10 minutes of intercourse to reach "The Big O" - and, worse still... 30% of women never get there during intercourse. Clearly, most men are NOT fulfilling there women's needs in bed. Now, as I've said many times - how long you can last is no guarantee of being a GREAT LOVER. But, not being able to last 20, 30 minutes or more, is definitely a sign that you're not going to "set your woman's world on fire" between the sheets. Question is: "What can you do to last longer?" Well, one of the best recommendations I can give you today is to read THIS report. In it, you'll discover a detailed guide to an Ancient Taoist Thrusting Technique that can help any man to last much longer in bed. I can vouch 100% for the technique because my husband has been using it for years :) Here�s the link to the report ●●● https://tinyurl.com/rockhardxxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Branding SharePoint 2013

  1. 1. by Khoa Quach SPS NYC 2014
  2. 2. About Me Khoa Quach SharePoint Technologies MCTS, MCPD, MCSE Co-founder of NIFTIT Specializes in SharePoint Integration Application Development Branding Solution Mobile Solution @niftykhoa @NIFTIT
  3. 3. THIS SESSION IS FOR Front-End Developers SharePoint 2013 Developers SharePoint 2010 Developers
  4. 4. Differences between SP 2010 & SP 2013 Tools and Libraries Basic SharePoint Branding Knowledge Review of Design Manager Demo & Best Practices Agenda
  5. 5. No More Table Markup Say Bye to XSLT Use your favorite Web Editor Introduce Design Manager Client Side Improvements Image Rendition Minimal Download Strategies REST Methodology SP 2010 v.s SP 2013 From Branding Development Perspective
  6. 6. Introduction What most SharePoint Intranet portals look like
  7. 7. Branding Examples What successful intranet sites look like
  8. 8. A Look Back Designing your website in SharePoint 2010 Dreamweaver / Photoshop / etc. SharePoint Designer Roll-up controls Comps HTML Java, HTML, etc.
  9. 9. New Methodology Designing your website in SharePoint 2013 Dreamweaver, etc. Comps HTML Java, HTML, etc. Auto Convert Snippet Gallery Upload Add Control • Ribbon • Placeholder Main • Minimal Master • Navigation • Web parts • Controls SharePoint
  10. 10. Support Browser Supported Not supported Internet Explorer 11 X Internet Explorer 10 X Internet Explorer 9 X Internet Explorer 8 X Internet Explorer 7 X Internet Explorer 6 X Google Chrome (latest released version) X Mozilla Firefox (latest released version) X Apple Safari (latest released version) X
  11. 11. Tools & Libraries Tools you can use to brand your site Visual Studio 2012/2013 SharePoint Designer 2013 Web Development Editor/Tool JQuery +1.7.1 Bootstrap.js Angular.js, Backbone.JS, Ember.JS, Knockout.JS Optional Libraries
  12. 12. SharePoint Page Model SharePoint uses templates to define and render the pages that a site displays. Master pages define the shared framing elements (AKA the chrome) for all pages in your site. Page layouts define the layout for a specific class of pages. Pages are created from a page layout by authors who add content to page fields. Master Page Page Layout Page (Content) RENDERED PAGE
  13. 13. Analyzin g the Design
  14. 14. Elements of Master Page Site Icon Search Bar Global Navigation Footer
  15. 15. Elements of Page Layout & Page Image Slider Content Search Web Part Content from Content Type
  16. 16. Design Manager Access/Upload to assets and pages Convert HTML to ASP.NET master page Snippet Gallery Design Packages Device Channels Display templates (No more XSLT)
  17. 17. Access Network Map Some online possible solutions: Internet Explorer Configuration Answer (click here) The “WebDav” Fix (http://sharepoint.stackexchange.com/questions/71 991/office-365-sharepoint-access-denied-error- when-mapping-webdav) HotFix for IE10/Win7 (http://support.microsoft.com/kb/2846960) The “Keep me signed in” option (http://support.microsoft.com/kb/2616712)
  18. 18. Snippet Gallery Site Icon Global Navigation Search Box Site Title Edit Mode Trim Security Device Channel Panel Media and Content OOB Web Parts Custom ASP.Net Markup
  19. 19. Recap: Master Page Analyze your design and define SP page model elements to be used For 2013 Simply copy and paste your HTML markup into the master page but analyze Segregate the master page elements from the page layout(s) Stick to one methodology: HTML or SP
  20. 20. Branding Search Components Display templates control which managed properties appear in the search results of a search-driven Web Part and the styling and behavior of those search results. Control display templates: control the layout of search results and any elements that is common to all results such as paging, sorting, and other links Item display templates: which control how each search result is displayed and repeated for each result Search-driven web parts and display templates
  21. 21. Device Channels Search-driven web parts and display templates For content negotiations Use to differentiate master page Target different content with device channel panels Good to inform older browsers users to update or be aware
  22. 22. Minimal Download Strategy Search-driven web parts and display templates New feature in SP 2013 Reduce Page Load time Only send the difference when users navigate to new page
  23. 23. Let’s connect! @niftykhoa @NIFTIT

×