Responsive vs. Adaptive Web Design

responsive vs adaptiveThere seems to be a slight confusion between the terms responsive and adaptive web design. This is not quite a new issue, but it is best to really understand the differences between these types of development. The mobile device market has exploded over the past few years, just as the number of users who access websites through their mobile devices.

Both RWD and AWD methods are used to optimally render websites on mobile devices, but there are some differences between them. Users might not care what type of design a website uses to a certain extent, but if you want to create an app or site that addresses mobile users, you should know what type of design to choose.

The term RWD – Responsive Web Design – was introduced a while ago by Ethan Marcotte. A responsive web design begins with the primary task of incorporating CSS3, media queries, the @media rule, and fluid grids that use percentages to create a flexible foundation important site. A RWD site or app uses EMs, flexible images, flexible videos, and fluid type. These features allow it to shift its layout to any viewing device. This means that the RWD site renders optimally on any screen size, browser and resolution.

The AWD concept – Adaptive Web Design – was introduced by Aaron Gustafson. It is based on the components of progressive enhancement to define the set of design methods that focus on the user and not the browser. An AWD site or app uses a predefined set of layout sizes based on device screen size along with CSS and JavaScript. It basically detects the device and adapts to its rendering style.