DEV Community

Cover image for The Adaptive + Responsive model

The Adaptive + Responsive model

Mattia Astorino on February 12, 2019

You can call it Adansive or Resaptive.. Responsive and Adaptive design are two design methodologies with the goal of making a product accessible o...
Collapse
 
anndd profile image
Anna Su**

Mattia, can you list any relatively large websites using this approach? It seems to me it combines the cons of adaptive and responsive approaches without retaining any pros, but maybe if I could see it working I'd believe :)

Collapse
 
equinusocio profile image
Mattia Astorino • Edited

Twitter, Facebook and Github. They are both adaptive to serve different experiences, but both experiences are also responsive.

Contactlab.com for example use this approach in its data-heavy applications. The main core experience is on desktops but some apps are accessible even on mobile as a "light" version. So instead to just use mq to hide functionalities or ui elements they provide two experiences, both optimised without compromising each other.