What's the difference between Adaptive design vs Responsive design?

[Martinricky]

I usually hear about Adaptive design and responsive design on websites. However, I am not sure what's the difference from them. Would you please give me some points about that?
Thanks!

[Buntly2]

Responsive expands and reacts to the device you are on, while Adaptive does not.

[campbelljof]

The goal of responsive web design and development is to make your website fully functional at any display size. This involves a fair amount of coding knowhow, understanding of composition at different sizes and a clear image of how the scaling process works; in other words, it should always be done by a professional. Mobile-optimizing plugins can only offer so much help.

Adaptive layouts are designed with specific resolutions and display sizes in mind. Instead of offering a fluid shift depending on the size of the window, an adaptive layout checks what resolution your browsing window is and loads the display code for the webpage in a different way in order to display properly for your resolution. It may sound like a lot of extra work, but adaptive design offers a level of fine-tuning and control that responsive layouts simply can’t. With full control over the design at multiple resolutions, you can be sure that your website is always displaying exactly how you want it too—or even how it needs to.

[ArvindSingh]

Very nice to hear that

[Manishkumar12]

Responsive Web Design provides the optimal viewing experience of a website, no matter what type of device the user is seeing it on. Wikipedia describes it as “an approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).”

Adaptive Web Design is different from Responsive Design in that there isn’t one layout that always changes. Instead, there are several distinct layouts for multiple screen sizes, and the layout used depends on the screen size used. For example, there could be a specific layout for mobile phones, tablets, and desktop computers – each of which are made in advance.

[Nummero]

Visit us at
nummero.in

[addisingh]

Hi

If you want best graphic designing, logo designing, Website Development, SEO Services ,SMO Services and PPC services Company in India visit us ate :

shailcreations .com

[pxljobs]

The both design change the appearance based on browser environment.

Responsive is fluids and adapt to the size of the screen it uses CSS media queries to change style based on target device new sites are using this design it need less experience designer and developer

Adaptive design using static layout based on break points it will detect the screen size load appropriate layout it will useful for existing site to make mobile friendly.

[nomi147]

This is a question that comes up more regularly than you might expect. We see it pop up in the CSS-Tricks forums from time-to-time. It's also a common question I'm asked when teaching introductory web design.

And it's a good question!


Responsive web design has become a household term since it was coined by Ethan Marcotte on A List Apart in 2010; so much that we may take our understanding of it for granted. The concept of a responsive website is one of the greatest CSS "tricks" in the books and important enough to step back from in order to both remind ourselves what makes a "responsive" website and how it's different from an "adaptive" one.