Responsive Website in Modern Development: Approach, Designing, Testing and Analysis

Abstract

Being in a digital era where human depends on web applications to survive; there are needs to understand websites and applications. The web applications are of different types, static sites do not provide user satisfaction while dynamic website fair, in this modern time technology innovation provide us with an advanced method of developing a website to accommodate emerging hardware and provide a great user experience. This website is called Responsive Website. Responsive Website is the approach that suggests that design and development should respond to a user’s behaviour and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and intelligent use of CSS media queries. As the user switches from their laptop, iPad to mobile, the website should automatically switch to accommodate for resolution, image size and scripting abilities. This paper presents the approaches involved in designing a responsive website in modern perspectives, it also demonstrates testing to investigate the performance of various design approaches or methods as well as the analysis of the performance result on each design approach using a google chrome developer tool.