{"id":199,"date":"2015-06-02T07:25:17","date_gmt":"2015-06-02T07:25:17","guid":{"rendered":"https:\/\/kennedia.net\/staging1\/?page_id=199"},"modified":"2015-06-16T05:11:30","modified_gmt":"2015-06-16T05:11:30","slug":"responsive-web-design","status":"publish","type":"page","link":"https:\/\/kennedia.net\/staging1\/responsive-web-design\/","title":{"rendered":"Responsive Web Design"},"content":{"rendered":"<div class=\"row mb15\">\n<div class=\"col-md-6\">\n<p>The use of mobile devices to surf websites is growing at an enormous pace, but most websites are not optimized for such mobile devices. There is a constraint of display size on mobile devices, as a different approach is required on how the content is laid out on mobile screens. An array of screen sizes are available these days, across phones, tablets and desktops. With newer inventions everyday, screen sizes will keep changing, so it is important that your website adapts to all kinds of screen sizes.<\/p>\n<\/div>\n<div class=\"col-md-6\"><\/div>\n<\/div>\n<p>Responsive Web Design responds to the requirement of user by changing the layout of website according to the device being used. The layout changes according to the capabilities and size of the device. For example, a phone will show the content in a single column view, whereas a tablet might show the same content in two columns.<\/p>\n<p>Responsive web design changes the appearance of a website dynamically, depending on the screen size of the device being used. The technology uses breakpoints to determine how the layout of the website will appear: one design is used above and another below that breakpoint. The breakpoints are usually based on the width of the browser.<\/p>\n<p>The same HTML serves to all devices, using CSS (which decides the layout of web page), for changing the appearance of a page. Rather than creating separate websites and comparable code base for big-screen monitors, laptops, desktops, phones and tablets, a single code base supports users with different viewports. Page elements reshuffle in responsive design, as the viewport shrinks or grows. A three-column desktop design may change to two-column for a tablet and for a smartphone the same may change to a single column. In a responsive web design, proportion-based grids are relied upon to rearrange the content and design elements.<\/p>\n<ul class=\"iconList list-unstyled\">\n<li>Designing responsive website layouts<\/li>\n<li>Designing personalized website features<\/li>\n<li>Designing unique artworks and graphics<\/li>\n<li>Creating database driven web applications<\/li>\n<li>Building mobile friendly systems with advanced location integration<\/li>\n<li>Developing unique presentations\/slide shows and social networking integration<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The use of mobile devices to surf websites is growing at an enormous pace, but most websites are not optimized for such mobile devices. There is a constraint of display size on mobile devices, as a different approach is required on how the content is laid out on mobile screens. An array of screen sizes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"home_page_sub_menu.php","meta":{"footnotes":""},"class_list":["post-199","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive Web Design - Kennedia IT Solutions<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kennedia.net\/staging1\/responsive-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Web Design - Kennedia IT Solutions\" \/>\n<meta property=\"og:description\" content=\"The use of mobile devices to surf websites is growing at an enormous pace, but most websites are not optimized for such mobile devices. There is a constraint of display size on mobile devices, as a different approach is required on how the content is laid out on mobile screens. An array of screen sizes [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kennedia.net\/staging1\/responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Kennedia IT Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2015-06-16T05:11:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/responsive-web-design\\\/\",\"url\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/responsive-web-design\\\/\",\"name\":\"Responsive Web Design - Kennedia IT Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/#website\"},\"datePublished\":\"2015-06-02T07:25:17+00:00\",\"dateModified\":\"2015-06-16T05:11:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/responsive-web-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kennedia.net\\\/staging1\\\/responsive-web-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/responsive-web-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/#website\",\"url\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/\",\"name\":\"Kennedia IT Solutions\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kennedia.net\\\/staging1\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Web Design - Kennedia IT Solutions","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kennedia.net\/staging1\/responsive-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Web Design - Kennedia IT Solutions","og_description":"The use of mobile devices to surf websites is growing at an enormous pace, but most websites are not optimized for such mobile devices. There is a constraint of display size on mobile devices, as a different approach is required on how the content is laid out on mobile screens. An array of screen sizes [&hellip;]","og_url":"https:\/\/kennedia.net\/staging1\/responsive-web-design\/","og_site_name":"Kennedia IT Solutions","article_modified_time":"2015-06-16T05:11:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kennedia.net\/staging1\/responsive-web-design\/","url":"https:\/\/kennedia.net\/staging1\/responsive-web-design\/","name":"Responsive Web Design - Kennedia IT Solutions","isPartOf":{"@id":"https:\/\/kennedia.net\/staging1\/#website"},"datePublished":"2015-06-02T07:25:17+00:00","dateModified":"2015-06-16T05:11:30+00:00","breadcrumb":{"@id":"https:\/\/kennedia.net\/staging1\/responsive-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kennedia.net\/staging1\/responsive-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kennedia.net\/staging1\/responsive-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kennedia.net\/staging1\/"},{"@type":"ListItem","position":2,"name":"Responsive Web Design"}]},{"@type":"WebSite","@id":"https:\/\/kennedia.net\/staging1\/#website","url":"https:\/\/kennedia.net\/staging1\/","name":"Kennedia IT Solutions","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kennedia.net\/staging1\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/kennedia.net\/staging1\/wp-json\/wp\/v2\/pages\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kennedia.net\/staging1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kennedia.net\/staging1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kennedia.net\/staging1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kennedia.net\/staging1\/wp-json\/wp\/v2\/comments?post=199"}],"version-history":[{"count":6,"href":"https:\/\/kennedia.net\/staging1\/wp-json\/wp\/v2\/pages\/199\/revisions"}],"predecessor-version":[{"id":872,"href":"https:\/\/kennedia.net\/staging1\/wp-json\/wp\/v2\/pages\/199\/revisions\/872"}],"wp:attachment":[{"href":"https:\/\/kennedia.net\/staging1\/wp-json\/wp\/v2\/media?parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}