Shillington is the Original Graphic Design Bootcamp Graphic Design Bootcamp

Responsive vs. Adaptive Website Design: What’s the Difference?

responsive

The perfect way to visualise responsive website design, via FastCo. Shown above, the difference between responsive and adaptive designs. Responsive designs fluidly expand, where as adaptive designs hitch as you expand a browser or viewport.

 

3038367-inline-i-4-9-gifs-that-explain-responsive-design-brilliantly-04flow-vs-static-2-copy

 

3038367-inline-i-3-9-gifs-that-explain-responsive-design-brilliantly-03with-breakpoints-vs-without-breakpoints-1-co

 

3038367-inline-i-8-9-gifs-that-explain-responsive-design-brilliantly-08desktop-first-vs-mobile-first-3-copy

 

3038367-inline-i-2-9-gifs-that-explain-responsive-design-brilliantly-02relative-units-vs-static-units-1-copy

 

3038367-inline-i-5-9-gifs-that-explain-responsive-design-brilliantly-05nested-vs-not-nested-1-copy

 

3038367-inline-i-7-9-gifs-that-explain-responsive-design-brilliantly-07max-width-vx-no-max-width-1-copy

Digital

Thea Powell
November 17, 2014

Want to win some amazing prizes and stay in the loop with all things Shillington? Sign up to our newsletter to automatically go in the draw.