You are previewing Pro SharePoint 2013 Branding and Responsive Web Development.
O'Reilly logo
Pro SharePoint 2013 Branding and Responsive Web Development

Book Description

Pro SharePoint 2013 Branding and Responsive Web Development is the definitive reference on the technologies, tools, and techniques needed for building responsive websites and applications with SharePoint 2013. The book focuses on solutions that provide the best browser experience for the myriad of devices, browsers, and screen orientations and resolutions.

Web technology has changed considerably in the past few years. Microsoft has embraced the new generation of open standards represented by HTML5 and JavaScript, and these changes are represented in a fundamental shift in how SharePoint 2013 supports web content management and publishing. Authors Eric Overfield, Oscar Medina, Kanwal Khipple, and Rita Zhang join forces to dive into the new features and capabilities provided by SharePoint 2013 and combine them with the latest techniques in responsive web design and development to demonstrate how to build modern and progressive websites and applications.

Pro SharePoint 2013 Branding and Responsive Web Development covers the following technologies:

  • SharePoint 2013 Server Edition

  • Office 365 SharePoint Online

  • Expression Blend 2013

  • Napa Tools for Office and SharePoint Development

  • Visual Studio 2012

  • HTML5 and CSS3

  • JavaScript, JQuery, JQuery UI, Modernizr, and the Bootstrap Framework

  • SharePoint 2013 Client Object Model

  • What you'll learn

    Through the context of building a complete website on SharePoint 2013 from start to finish, readers will learn how to combine SharePoint 2013 web content management features and capabilities with modern web design and development skills. The key topics to be covered include:

  • Design Manager - this new feature allows web designers and developers to build SharePoint branding templates using standard HTML and CSS and convert the templates to SharePoint master pages. This opens up branding to a wider audience of designers who struggled with having to understand the complexity of SharePoint and ASP.NET master pages.

  • Client Object Model - this feature is based on web service technologies for interacting with server-side data from client-side. This feature has been extended significantly to support the new SharePoint application model, which heavily emphasizes client-side development. This book will provide full coverage of utilizing these updated web service technologies and how they can be used to build interactive websites.

  • Device Channels - similar to the capabilities provided by HTML5 media queries, the new channels capability allows SharePoint to detect client devices and browsers to load the appropriate master page to provide a unique browser experience.

  • Variations and Translation Services - SharePoint 2013 continues to improve features and capabilities for building multi-lingual sites including new support for integration with professional translation service providers, or automated translation web services.

  • Term Set Navigation and SEO Improvements - SharePoint 2013 now provides native support for Search Engine Optimization requirements such as page meta fields, as well as a completely new approach to site navigation and human friendly URLs through the use of Managed Metadata navigation.

  • Who this book is for

    Pro SharePoint 2013 Branding and Responsive Web Development is designed for web designers and developers who have existing knowledge of basic website design and development, including HTML, CSS, and JavaScript. This book builds upon that foundational knowledge to walk the reader through a complete project lifecycle for building a responsive website on SharePoint 2013.

    Table of Contents

    1. Title Page
    2. Dedication
    3. Contents at a Glance
    4. Contents
    5. About the Authors
    6. About the Contributing Author
    7. About the Technical Reviewer
    8. Acknowledgments
    9. Foreword
    10. Introduction
    11. CHAPTER 1: What’s New in SharePoint 2013 Web Content Management
      1. Search-Driven Publishing Model
      2. Metadata and Navigation
      3. Content Authoring, Design, and Branding Improvements
      4. Support for Multilingual Sites
      5. Summary
    12. CHAPTER 2: Responsive Web Design and Development with HTML5
      1. Our Scenario
      2. Change Is the Only Constant
      3. Responsive Web Design: The Core Ingredients
      4. Using the Right Tools
      5. Keep Adapting Responsibly
      6. Summary
    13. CHAPTER 3: Designing a Responsive Web Site
      1. Our Scenario
      2. The SharePoint Web Site Design Approach
      3. Vision, Goals, and Objectives
      4. User Analysis and Persona Development
      5. Task Analysis and Persona Task Definitions
      6. Information Architecture and Interaction Design
      7. Wireframing and Design
      8. Summary
    14. CHAPTER 4: Building a SharePoint HTML Master Page
      1. Our Scenario
      2. Why Do We Need an HTML Master Page Anyway?
      3. Getting Started
      4. Preparing an HTML File for Conversion to an HTML Master Page
      5. Map the Master Page Gallery to a Local Drive and Upload Design Files
      6. Create an HTML Master Page from an HTML Prototype
      7. Modifying an HTML Master Page
      8. HTML Master Page SharePoint-Generated Markup
      9. Snippets and the Snippet Gallery
      10. Publishing and Assigning a Site Master Page
      11. Creating a Design Package
      12. Summary
    15. CHAPTER 5: Making Your Master Page Responsive
      1. Our Scenario
      2. The Promise of a One Web
      3. Responsive Design in Principle
      4. Be Like Water
      5. Make It Responsive
      6. Fix Common Responsive Issues with SharePoint
      7. Dealing with Older Browsers
      8. Summary
    16. CHAPTER 6: Building Site Structure and Navigation
      1. Our Scenario
      2. Determine Site Structure
      3. Primary Navigation Methods in SharePoint 2013
      4. Using the Term Store for Navigation
      5. How SharePoint 2013 Builds the Navigation Bar
      6. Style and Make the Navigation Bar Responsive
      7. Other Forms of Navigation
      8. Summary
    17. CHAPTER 7: Building Page Layouts and Publishing Pages
      1. Our Scenario
      2. An Introduction to Layouts and Content Types
      3. Content Types
      4. Out-of-the-Box Page Layouts
      5. Custom Page Layouts
      6. Page Layout Snippets
      7. HTML Page Layout Limitations and Considerations
      8. Making a Page Layout Responsive
      9. Creating and Publishing New Pages Based on Custom Page Layouts
      10. Summary
    18. CHAPTER 8: Publish Cross-Site Content with Catalogs
      1. Our Scenario
      2. About Cross-Site Publishing
      3. Cross-Site Publishing Use: Case Example
      4. Configuring Cross-Site Publishing for Specific Content an Authoring Site Collection
      5. Configuring a Web Site for Catalog Consumption
      6. Summary
    19. CHAPTER 9: Integrating Search-Driven Content
      1. Our Scenarios
      2. Publishing Content to Search
      3. Creating a Content Rollup Solution
      4. Specter Design Components
      5. Custom Display Templates for Specter Design
      6. Query Rules, Result Types, and Display Templates
      7. Summary
    20. CHAPTER 10: Building Rich Interactive Forms
      1. Our Scenario
      2. The New REST API
      3. Creating a Registration Form
      4. Saving Form Data to SharePoint List
      5. Implementing Form Validation
      6. Summary
    21. CHAPTER 11: Uploading and Working with Files
      1. Our Scenario
      2. Basics for HTML5 File API
      3. Client-Side API Enhancements in SharePoint 2013
      4. Uploading Files to a SharePoint Document Library Using the REST API
      5. Implementing the Specter Group File Upload Solution
      6. Advanced Specter Group File Upload Topics
      7. Summary
    22. CHAPTER 12: Integrating Location-Based Features
      1. Our Scenario
      2. Geolocation Enhancement
      3. HTML5 Geolocation
      4. Using SharePoint 2013 Geolocation Features
      5. Enhancing Geolocation Features With a Custom SharePoint App
      6. Deploying the Geolocation App to an App Catalog
      7. Summary
    23. CHAPTER 13: Integrating Feeds and Social Media
      1. Our Scenario
      2. Social
      3. Levels of Social Media Integration
      4. Building the Basic Links to the Social Network Pages
      5. Adding a Facebook Follow Button
      6. Adding a Twitter Feed to the Site
      7. Choosing Between Sharing Tools and Building Your Own
      8. Adding a Custom Share to Twitter Button
      9. Summary
    24. CHAPTER 14: Supporting Multilingual Web Sites
      1. Multilingual Support
      2. Multilingual Enhancements in SharePoint 2013
      3. Planning for Multilingual Sites
      4. Deploying Language Packs
      5. Implementing Multilingual
      6. Summary
    25. APPENDIX A: Configuring a Development Environment
      1. Types of Development Environments
      2. General Software Requirements
      3. Summary
    26. Index