{"id":30792,"date":"2013-10-21T10:22:11","date_gmt":"2013-10-21T14:22:11","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=30792"},"modified":"2013-11-19T10:10:25","modified_gmt":"2013-11-19T15:10:25","slug":"difference-between-adaptive-design-and-responsive-design","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/difference-between-adaptive-design-and-responsive-design.html","title":{"rendered":"Difference between Adaptive Design And Responsive Design"},"content":{"rendered":"<p>There seems to  be some confusion about what adaptive and responsive web designs mean, so  here&rsquo;s an article on the subject to make it clear. While similar in their goal,  these two methods are different.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/p>\r\n  <\/p><strong>Adaptive web design<\/strong> is a simple set of design methods that concentrate on  the user experience of a site on devices rather than the browsser itself. It&rsquo;s  all about layering your design through defined layout sizes, CSS and JavaScript  allowing the user to have the best experience with the technology they are  equipped with.\u00a0 Adaptive web design is  just another term for &ldquo;progressive enhancement&rdquo; which means pretty much the  same. <\/p>\r\n <p> Unlike adaptive  design that means fluid layout that will change to fit a predetermined set of  screen and device sizes, <strong>responsive  design<\/strong> is actually a subset of adaptive design, which means a fluid layout  only i.e. the design that will fluidly change and respond to fit any screen or  device size.<\/p>\r\n  <p>The biggest  similarity between these two is that they both allow websites to be viewed on mobile  devices and various screen sizes, ultimately providing visitors with a better  mobile user experience. Where the two methods differ is in their delivery of  the responsive\/adaptive structures.<\/p>\r\n  <\/p>Sites based on <strong>responsive web design<\/strong> serve all devices  on the same set of URLs, with each URL serving the same HTML to all devices and  using just CSS to change how the page is rendered on the device. <\/p>\r\n  <\/p>Sites based on <strong>adaptive web design<\/strong> dynamically serve  all devices on the same set of URLs, but each URL serves different HTML (and  CSS) depending on whether the user agent is a desktop or a mobile device.<\/p>","protected":false},"excerpt":{"rendered":"<p>There seems to  be some confusion about what adaptive and responsive web designs mean, so  here&rsquo;s an article on the subject to make it clear. While similar in their goal,  these two methods are different.<\/p>\n","protected":false},"author":30,"featured_media":30793,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[720,719,355,1214],"tags":[1216,955,1553,1179],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/30792"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=30792"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/30792\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/30793"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=30792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=30792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=30792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}