Modern Web Design and SharePoint

What’s in this Chapter?

1. HTML5 and CSS3

2. jQuery in SharePoint

3. Open Source Templates

4. Designing Typography

5. Structuring Content with Grids

6. Designing for Mobile Devices

One of the most frequently asked user interface questions that came up for SharePoint 2010 was, “Does it support HTML5?” Chances are most people asking this question are interested in both HTML5 and CSS3, which are two technologies almost always lumped together, probably because they both entered the web development scene around the same time. When designers talk about modern web design techniques, they are usually referring to HTML5, CSS3, and other technology such as web fonts and jQuery.

The answer to the question of whether SharePoint 2010 supported HTML5 was always yes and no because SharePoint is browser-based software. Ultimately, whether a website shows HTML5 and CSS3 depends on browser support. SharePoint 2010 was basically coded to meet IE8 HTML standards, and IE8 was not known for its excellent support for modern HTML techniques. The out-of-the-box SharePoint 2010 master pages even had code in them to instruct Internet Explorer 9 to render the page in IE8 mode. With a little work, you could certainly make modern HTML techniques work in SharePoint 2010, but ultimately you weren’t guaranteed a good experience throughout a SharePoint site.

Fast forward to SharePoint 2013 and the story has changed for the better. SharePoint 2013 is coded with IE9 and IE10 ...

Get SharePoint 2013 Branding and User Interface Design now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.