Netwoven Blogs

Adaptive Vs Responsive Web Design

Posted by
Date : August 19, 2014

Introduction

Some people in the IT world use the terms Adaptive and Responsive interchangeably. True, both follow the progressive enhancement strategy and have a lot of similarities, but are definitely not the same when it comes to their implementation. Let start with the characteristics of Responsive Web Design.

Responsive

  • Uses client scripts or media queries to control the design of the page
  • Relies on a fluid grid to shrink and expand to the screen size

Examples:

  • TechCrunch
  • Boston Globe

Adaptive

  • Can use server or client scripts to determine the design of the page
  • Distinct templates geared for each device

Examples

  • Amazon
  • Yahoo

Here is a great infographic of some more similarities and differences

Adaptive Web Design vs. Responsive Web Design
 Conclusion

In summary, even though both designs will make your web site look sharp on multiple form factors, they do have differences that make them unique. Knowing those differences will help when planning out your next design.

Leave a Reply

Your email address will not be published. Required fields are marked *

Enter the Following *