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
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?
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?
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.
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.