August 19, 2014

Adaptive Vs Responsive Web Design

Adaptive Vs Responsive Web Design


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.


  • 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


  • TechCrunch
  • Boston Globe


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


  • Amazon
  • Yahoo

Here is a great infographic of some more similarities and differences

Adaptive Web Design vs. Responsive Web Design

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 *