Webopedia on Google+Webopedia on TwitterWebopedia on FacebookTech Bytes Blog
Main » TERM » R »

responsive website design

A responsive website is one that responds, or adapts, based on the technology and computer or device used to display the website. It is basically one website design that will looks good at any size. This ensures site users have a similar experience that is independent of the size of the device device used to access the site. For example, the website displays well on large desktop LCD monitor or smaller tablets or smartphones.

responsive design

Responsive website design enables designers to create once and publish the same content everywhere, for all devices. This is due largely in part to websites that can continually and fluidly change based on factors such as the viewport width.

Three Main Components of Responsive Design

Responsive website design consists of the following three main components:

  • Flexible layouts - Using a flexible grid to create the website layout that will dynamically resize to any width.
  • Media queries - An extension to media types when targeting and including styles. Media queries allow designers to specify different styles for specific browser and device circumstances.
  • Flexible media - Makes media (images, video and other formats) scalable, by changing the size of the media as the size of the viewport changes.






TECH RESOURCES FROM OUR PARTNERS
LATEST ARTICLES
SEO Dictionary

From keyword analysis to backlinks and Google search engine algorithm updates, our search engine optimization glossary lists 85 SEO terms you need... Read More »

Slideshow: History of Microsoft Operating Systems

Microsoft Windows is a family of operating systems for personal computers. In this article we look at the history of Microsoft operating... Read More »

Slideshow: Interesting Facts About Google Search

From Goats to Penguins, a server outage and trillions of searches, our slideshow presents interesting facts about Google and the Google.com... Read More »

STUDY GUIDES
Java Basics, Part 1

Java is a high-level programming language. This guide describes the basics of Java, providing an overview of syntax, variables, data types and... Read More »

Java Basics, Part 2

This second Study Guide describes the basics of Java, providing an overview of operators, modifiers and control Structures. Read More »

The 7 Layers of the OSI Model

The Open System Interconnection (OSI) model defines a networking framework to implement protocols in seven layers. Use this handy guide to compare... Read More »

?>