SharePoint Information Site > About

About

What is a Responsive website?

The web design and development community regards responsive as a website with a flexible grid, flexible type, flexible images/video (media) and flexible media queries. Responsive strives to be device agnostic, meaning it's able to adapt to any size screen while content remains accessible and readable. No matter if you're on a smartphone, tablet, desktop or video game system, responsive sites are easy to find, read and interact. We aim for lightweight pages, images, scripts and content that download quickly.

New to SharePoint? See our SharePoint Basics and Best Practices guides. 

Need a refresher from your training session? Everything covered from your session is in the Basics​ section - start with the editing steps​. If you need help or have a question see our Troubleshooting​ section.

How are Responsive sites designed?

We've designed a framework where nearly every type of page layout and site configuration is already covered.  All you need to do is bring your content. From a design standpoint, we have numerous color schemes, page layouts and web parts that function to serve content like events, FAQs, bios and more. Visually, responsive websites are 90 percent typography in order to convey content, and they navigate in a clear and coherent way that is consistent across all sites.

How are Responsive sites developed?

The intent behind our front-end development efforts is to have visually beautiful sites in a CSS framework that can generate any layout we need. The system we use to serve websites is called Microsoft SharePoint. We've done lots of customization to get the SharePoint masterpage to be light and quick, with well crafted markup and fewer HTTP requests. 

Typography is a good starting point for responsive, and we are working in a mobile-first fashion starting with highly readable basic typographic styles (see this Guide). Next, we've devised a flexible grid that is infinitely nest-able to build any layout.  To apply unique looks to each site, we have a chrome approach that adds our branding yet remains flexible so that it's lightweight and easy to exchange for new skins. For the content and the different ways content is presented, we have a system of flexible objects that are the building blocks for more intricate page layouts and functionalities.

Where do I start?

Start with your content first. What does your site need to say? What is the message you need people to come away with? Do you have important information such as news, events, initiatives, open dates, closing dates, etc.? Start there. Once your content is gathered, it can be organized into an effective site. 

​​​​