Microsoft SharePoint and .NET Technology Insight

SharePoint, .NET, Office365, Windows Azure, TFS, Project Server and SQL Server Technology Insights

SharePoint 2013 and Responsive Web Design (RWD)

1 Comment

Responsive Web Design (RWD) pushes a client-side solution resulting from a combination of JavaScript and CSS and presenting an entirely different page structure to different devices, with some original elements hidden or moved around. RWD involves the use of a variety of grids in the page layout and CSS media queries. The use of media queries provides a flexible design because it moves to the browser the burden of switching on the proper cascading style sheet whenever the size of the window matches one of the provided media types.

SharePoint Server 2013 offers new, optimized viewing experiences across different mobile platforms including a new way for designers to design a site once, and then based on that design render it using different Style Sheets and Master Pages, multiple times.

Resources on Device Channels:

http://blogs.technet.com/b/christwe/archive/2012/11/02/sharepoint-tidbit-sharepoint-2013-device-channels.aspx
http://msdn.microsoft.com/en-us/library/jj862343.aspx
http://blogs.perficient.com/microsoft/2012/07/mobility-in-sharepoint-2013-device-channels/

Device Channels look very promising for many users of SharePoint but with the need to create and maintain multiple interfaces for Device Channels to work well, and the fact that there are new mobile devices every month with different screen resolutions, Responsive Design still is the way to go as Eric Overfield points out in this blog posting:

http://blog.pixelmill.com/1291/responsive-web-design-for-sharepoint-2013-and-sharepoint-2010/

Eric has done some phenomenal work to create a Codeplex solution for modifying a popular responsive design framework namely Twitter Bootstrap. The goal of this project is to provide popular grid and responsive frameworks converted to SharePoint 2010 and SharePoint 2013.

http://responsivesharepoint.codeplex.com/

Advertisements

Author: Arsh

SharePoint Architect

One thought on “SharePoint 2013 and Responsive Web Design (RWD)

  1. Very nice article to start making SharePoint responsive.
    I’m also working with responsive branding for SharePoint, let me introduce our work, take a look at http://bindtuning.com/
    We have a tunning tool where you can fully customize a theme for SharePoint and besides being responsive the theme include a lot of features.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s