Responsive web design is an approach to web design which makes web pages render well on a variety of devices and window or screen sizes.The goal of responsive design is to build web pages that detect the visitor's screen size and orientation and change the layout accordingly.
Responsive web design has become more important as the amount of mobile traffic now accounts for more than half of total internet traffic. Therefore, Google announced Mobilegeddon in 2015, and started to boost the ratings of sites that are mobile friendly if the search was made from a mobile device. And now that Google is prioritizing mobile-friendly sites in its search results algorithm, it’s essential to make sure your site is optimized for mobile by using responsive design.
Initially, after the launch of the iPhone, the trend was to build separate sites depending on whether a person visited the site from a desktop computer or a mobile device. While it was easier from a development perspective, there were a significant number of drawbacks. The downsides included increasing maintenance costs, having to promote and maintain separate sites for SEO rankings and even having to build different mobile sites for different types of mobile devices.
Web designer Ethan Marcotte is credited with coining the term “responsive design.” In 2010, he published an article on A List Apart discussing the rapidly changing environment of devices, browsers, screen sizes, and orientations. Building separate sites for every type of device simply wouldn’t be sustainable. Instead, he proposed an alternative concept: responsive design, which calls for building flexible and fluid layouts that adapt to almost any screen.
1 post • Page 1 of 1