What is AWD? 5 Great Adaptive Web Design Examples for Inspiration
Replacing the PC devices, the mobile is becoming the most popular devices to access the Internet. So web designers encountered a problem that how to present the same web page on different sized devices? Don’t worry, the emerging of adaptive web design fixed this problem perfectly. This article will introduce some basic knowledge and great adaptive web design examples. 1. Principle: What is the Adaptive Web Design? In 2011, a web designer, Aaron Gustafson, gave a definition of Adaptive Web Design (AWD) in his book, Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement. It is also known as progressive enhancement of a website. Adaptive design means to create a different page for different types of devices, the current AWD web pages are targeted at these resolutions (320, 480, 760, 960, 1200, 1600). Unlike responsive web pages (RWD), adaptive design is based on breakpoints using static layouts. RWD Is Not AWD , once the page loaded, it can no longer be ...