Responsive Web Design - Adaptive Web Design

W3C Semantic Web

Short definitions.


What is RWD?

This is a web design concept providing an optimal viewing experience with the same content for mobile phones, tablets, desktop computers.

RWD adapts a layout to viewing environment by using fluid, proportion-based grids, flexible images, CSS3 media queries.


What is AWD?

AWD is basically the same as RWD.

The main difference is that the changes are made on the server side and not on the client side. That means the server (where website is hosting) detects the devices sending the requests to the server. The server sends different HTML and CSS codes based on the type of the device that have been detected.

See more details:

Responsive web design
Adaptive web design
What is the difference between responsive vs. adaptive web design?
The difference between responsive and adaptive web design
Fixed, Fluid, Adaptive, and Responsive
Responsive Web Design vs Adaptive Web Design – What’s the Difference?
What is the difference between Responsive and Adaptive web design?
Adaptive vs. Responsive Design
Responsive vs. Adaptive Websites: Six Questions To Ask
What’s the difference between adaptive and responsive web design?
Responsive & Adaptive Web Design
What is Responsive, Adaptive and Fluid Design? Defining Terms in a Multi-Device World.
Responsive vs. Adaptive Design: Which Is Best for Publishers?
The Two Flavors of a ‘One Web’ Approach: Responsive vs. Adaptive
Responsive vs adaptive webdesign, which is best for you?
A beginner’s crash-course in responsive vs. adaptive webdesign
The definitions of responsive and adaptive web design ⚒ Nerd
Responsive, adaptive, mobile or native? What's the best option?
Responsive Web Design