{"id":32921,"date":"2015-11-25T09:00:30","date_gmt":"2015-11-25T16:00:30","guid":{"rendered":"http:\/\/webdesignledger.com\/?p=32921"},"modified":"2015-11-24T18:47:30","modified_gmt":"2015-11-25T01:47:30","slug":"responsive-vs-adaptive-whats-best-for-designers","status":"publish","type":"post","link":"https:\/\/webdesignledger.com\/responsive-vs-adaptive-whats-best-for-designers\/","title":{"rendered":"Responsive vs. Adaptive, What’s Best for Designers?"},"content":{"rendered":"

\"blog-rwd-v-awd-1\"

What\u2019s the difference?<\/strong>
\nResponsive<\/strong> is fluid and adapts to the size of the screen no matter what the target device. Responsive uses CSS media queries to change styles based on the target device. This \u201cfluid grid\u201d resizes the page width and\/or height to adapt to different screen sizes and show correctly.<\/p>\n

\"r_vs_a-1\"

Adaptive<\/strong> design uses several distinct layouts for multiple screen sizes, and the layout used depends on the screen size used. Adaptive works to detect the screen size and load the appropriate layout for it.<\/p>\n

\"vs_banner\"

How do responsive and adaptive compare?<\/strong>
\n\"responsive-or-adaptive\"

Adaptive designs are less flexible, only working on as many screens as its layouts enable. If a new device with a new screen size is released, you may have to edit your design or add a new one. Responsive sites are flexible enough to keep working on their own, but Adaptive sites will likely need some occasional maintenance.<\/p>\n

\"r_vs_a-2\"

Should I use responsive or adaptive design?<\/strong>
\nResponsive is the safer option to go with for your site in most cases. It functions well regardless of screen size, improves loading times and is usually well worth the extra initial design time.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Mobile devices can not be ignored. People are using them to visit websites instead of their desktop computers. If your site isn\u2019t easy to view on a mobile device, you are decreasing your chances to get more visitors and increase usage of your site. What\u2019s the difference? Responsive is fluid and adapts to the size […]<\/p>\n","protected":false},"author":1825,"featured_media":32929,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[117,183,479],"tags":[8093,33,8095,8073,8094],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/32921"}],"collection":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/users\/1825"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/comments?post=32921"}],"version-history":[{"count":0,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/32921\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media\/32929"}],"wp:attachment":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media?parent=32921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/categories?post=32921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/tags?post=32921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}