Adaptive versus Responsive Design

New post Adaptive versus Responsive Design on Obsidian Learning.

These two terms are used interchangeably even though they are not the same thing. While Adaptive and Responsive design may have very similar goals, their approaches are different.


Adaptive design isĀ server-side, meaning the images are optimized for specific screen resolutions before the page is even delivered. The server distinguishes what kind of device is accessing the site and loads the preset layout based on that device. A key component here is that it loads a preset and predefined layout; think of the different layouts for a laptop vs a smartphone, or a smartphone vs a tablet.

With adaptive design, the server hosting the website detects the devices making requests to it, and uses this information to deliver different batches of HTML and CSS code based on the characteristics of the device that have been detected.[1]

Read the full story by


Back to Basics: Different Types of eLearning Delivery Back To Basics: What is ADDIE?
We are updating our Privacy Policy, so please make sure you take a minute to review it. As of May 25, 2018 your continued use of our services will be subject to this new Privacy Policy.
Review Privacy Policy OK