Display a web page to fit a certain device and screen size
This article needs to be updated. Please help update this article to reflect recent events or newly available information.(September 2018)
Adaptive web design (AWD) promotes the creation of multiple versions of a web page to better fit the user's device, as opposed to a single static page which loads (and looks) the same on all devices or a single page which reorders and resizes content responsively based on the device/screen size/browser of the user.
This most often describes the use of a mobile and a desktop version of a page (or in most cases, the entire website), either of which is retrieved based on the user-agent defined in the HTTP GET request, which is known as dynamic serving. Adaptive web design was one of the first strategies for optimizing a site for mobile readability, the most common practice involved using a completely separate website for mobile and desktop, with mobile devices often redirected to the mobile version of the site served on a subdomain (often the third level subdomain, denoted "m"; e.g. http://m.website.com/; and/or URL parameters like &app=m&persist_app=1 used on YouTube). Today the use of two separate static sites for mobile and desktop viewing is being largely phased out, with Server-side scripting instead utilized to serve dynamically generated pages or to dynamically decide which version of a static page to serve, although the use of independent sites for mobile and desktop can still be frequently observed. While many websites employ either responsive or adaptive web design techniques, the two are not mutually exclusive, and best practices for the most universally readable designed content employ a combination of the two techniques to support a complete spectrum of hardware and software.[2]
The existence of separate front ends allows clients who experience technical issues with either to fall back to another, with the chance that the issue does not occur.
^"Legacy Twitter Shutdown Means You Can't Tweet From The 3DS Anymore". ScreenRant. 2020-11-28.
^Gustafson, Aaron. Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement. Easy Readers, LLC; 1st edition, 2011.
and 29 Related for: Adaptive web design information
Adaptivewebdesign (AWD) promotes the creation of multiple versions of a web page to better fit the user's device, as opposed to a single static page...
Internet portal Adaptivewebdesign Bootstrap (front-end framework) CSS framework Em (typography) § CSS Foundation (framework) Tableless webdesign T Layout...
disambiguation page: Adaptivedesign (medicine) Adaptivewebdesign This disambiguation page lists articles associated with the title Adaptivedesign. If an internal...
conventions, use of appropriate design patterns, and systematic testing. Langridge, Stuart (2005). DHTML Utopia: Modern WebDesign Using JavaScript & DOM. Collingwood...
strategy in webdesign that puts emphasis on web content first, allowing everyone to access the basic content and functionality of a web page, while users...
framework is a library allowing for easier, more standards-compliant webdesign using the Cascading Style Sheets language. Most of these frameworks contain...
standard in June 2012, and is a cornerstone technology of responsive webdesign (RWD). Media queries were first sketched in Håkon Wium Lie's initial CSS...
design of silverbackapp.com". Retrieved 27 February 2024. Dan Cederholm; Ethan Marcotte (9 April 2010). Handcrafted CSS: More Bulletproof WebDesign....
interface that is used to do so is called a web browser. A central theme in webdesign is the development of a web navigation interface that maximizes usability...
Adaptive learning, also known as adaptive teaching, is an educational method which uses computer algorithms as well as artificial intelligence to orchestrate...
apply to any object-oriented design, they can also form a core philosophy for methodologies such as agile development or adaptive software development. Code...
manufacturer Atomwaffen Division, an international neo-Nazi terrorist group Adaptivewebdesign, the progressive enhancement of a website Artweaver document, the...
"nothing to write home about." Internet portal Mobile WebAdaptivewebdesign Responsive webdesign Search engine optimization "Rolling out the mobile-friendly...
Dynamic Adaptive Streaming over HTTP (DASH), also known as MPEG-DASH, is an adaptive bitrate streaming technique that enables high quality streaming of...
Adaptive clothing is clothing designed around the needs and abilities of people with varying degrees of disability, including congenital disabilities,...
Adaptive management, also known as adaptive resource management or adaptive environmental assessment and management, is a structured, iterative process...
experience adjust based on the size and resolution of the platform. Adaptivewebdesign is based on predetermined parameters for each platform. Both are...
Alexander and has been adapted for various other disciplines, particularly software engineering. An organized collection of design patterns that relate...
Web Fonts - Now fully launched". Googlewebfonts.blogspot.com. 2011-07-12. Retrieved 2017-01-03. "Reimagining Google Fonts - Library - Google Design"...
Pittsburgh. He is known as one of the pioneers of adaptive hypermedia, adaptivewebdesign, and web-based adaptive learning. He has published numerous articles...
refers, may include Web engineering, Webdesign, Web content development, client liaison, client-side/server-side scripting, Web server and network security...
design is an early phase of the design process, in which the broad outlines of function and form of something are articulated. It includes the design...
Conversation with Don Norman About UX & Innovation". Adaptive Path. "Visual DesignWeb Style Guide 3". Web Style Guide. Retrieved 2015-06-18. Information Architecture...
Research design refers to the overall strategy utilized to answer research questions. A research design typically outlines the theories and models underlying...
while adaptive technology is specifically designed for disabled people. Consequently, adaptive technology is a subset of assistive technology. Adaptive technology...
interface design, in an environment commonly referred to as a Graphical user interface (GUI). This has included webdesign and software design when end...
Web colors are colors used in displaying web pages on the World Wide Web; they can be described by way of three methods: a color may be specified as an...