{"id":17,"date":"2015-05-14T21:53:18","date_gmt":"2015-05-15T01:53:18","guid":{"rendered":"https:\/\/sites.bu.edu\/rf\/?page_id=17"},"modified":"2016-04-20T15:06:29","modified_gmt":"2016-04-20T19:06:29","slug":"responsive","status":"publish","type":"page","link":"https:\/\/sites.bu.edu\/rf\/responsive\/","title":{"rendered":"Responsive"},"content":{"rendered":"<p>We live in a world with an unprecedented\u2014and growing\u2014variety\u00a0of connected devices: watches, smartphones, tablets, laptops, desktop computers, televisions, household\u00a0appliances&#8230;the list goes on. Visitors interact with your website on an increasing number of various-sized devices.<\/p>\n<p>And while visitors\u00a0still point a cursor and click a mouse, they also interact with your content in new ways. Touch and swipe\u00a0to scroll. Tap a fingertip to follow\u00a0links. For web designers and developers, this presents a significant challenge:\u00a0<em>How do we publish\u00a0and maintain content in one location that looks great on all these devices?<\/em><\/p>\n<p>The answer is responsive web design. It uses a series of fluid, modular, proportion-based grids for page layout. All elements from text to images are defined in relative units rather than absolute pixel sizes. Style sheets define optimum viewing sizes for various screen widths, and the device responds with the optimized layout for its screen size. Turn the device\u00a0on its side, and the web page\u00a0responds with a new layout optimized at\u00a0the new width.<\/p>\n<p>The modular page elements also &#8220;smartly&#8221; expand, collapse, and re-arrange to optimize usability for the size of the device being used by your visitor. Side-by-side page elements become stacked at\u00a0smaller page widths. Navigation menus display in full on desktop- and laptop-sized displays, but collapse behind icons on narrow-width smart phones.<\/p>\n<p>And the beauty for website editors: You don&#8217;t need to worry about it. The technology is built in, under the hood. You just do what you do best, and provide great content in order to engage your visitors. Responsive Framework makes sure your content looks great regardless of your visitor&#8217;s connected device.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We live in a world with an unprecedented\u2014and growing\u2014variety\u00a0of connected devices: watches, smartphones, tablets, laptops, desktop computers, televisions, household\u00a0appliances&#8230;the list goes on. Visitors interact with your website on an increasing number of various-sized devices. And while visitors\u00a0still point a cursor and click a mouse, they also interact with your content in new ways. Touch and [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.bu.edu\/rf\/wp-json\/wp\/v2\/pages\/17"}],"collection":[{"href":"https:\/\/sites.bu.edu\/rf\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bu.edu\/rf\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/rf\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/rf\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":27,"href":"https:\/\/sites.bu.edu\/rf\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":199,"href":"https:\/\/sites.bu.edu\/rf\/wp-json\/wp\/v2\/pages\/17\/revisions\/199"}],"wp:attachment":[{"href":"https:\/\/sites.bu.edu\/rf\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}